|
|
 Links Play Intro New Stuff Home Poems Jokes Quotes Wallpapers Learn HTML -Getting Started -What are tags ? -Hex Codes -Body Tag -Font Tag -Useful Tags -Tables --->Tables Part II --->Tables Part III -Adding Images -Linking Pages -Adding Sounds Suggestion Book  |
 |
.:: Welcome to aks.htmlplanet.com ! |  |
||||||||||||
 |
.:: Learn HTML > Tables Part III ... |  |
|||||||||||||
.:: Here we would start with 'Colspan'. In the previous chapter 'Tables PART II' we saw the example of writing the colors using colspan. The other way is as follows : .:: Rowspan
It is much similar to the colspan but here instead of doing it in the horizontal way we have done it in the vertical way. It's code is as below : < Write all the codes till the end of the head tag > < body bgcolor="#CCCCCC"(gray) > < table border="1" cellspacing="0" cellpadding="0" width="200" > < tr > < td rowspan="3" >Colors< /td >< td >Red< /td > < /tr > < tr > < td >Green< /td > < /tr > < tr > < td >Blue< /td > < /tr > < /table > < /body > < /html > .:: Now just imagine that there are two columns in which you have streched the first cell of the first column to the space of 3 cells of the consecutive rows and as there is the second column there it is neccesary that the td of 'Red' would come in the same row (tr) as that of td of 'Colors'. It would be more clear with another similar example :
.::Try guessing the code of the above. Check it below : < table border="1" cellspacing="0" cellpadding="0" width="200" > < tr > < td rowspan="3" >Primary Colors< /td >< td >Red< /td > < /tr > < tr > < td >Green< /td > < /tr > < tr > < td >Blue< /td > < /tr > < tr > < td rowspan="3" >Other Colours< /td >< td >Violet< /td > < /tr > < tr > < td >Orange< /td > < /tr > < tr > < td >Pink< /td > < /tr > < /table > .:: I think, this should be the end of Chapter : Tables. |
|||||||||||||||
 |
Learn HTML > Tables > Tables Part III |
 |
|||||||||||||
 |
.:: Buck Up ! You can do it ! |  |