TABLE TAG : Part 2
Dear, this part, we continue on the table tag. It's less complex than the previous lesson. To recap, we have learned "table", "tr", "td"/"th", "border=", "rowspan", and "colspan". In this tutorial, I'll just use the simple tables to show my examples for you to understand better. But you can practice the things below with more difficult tables like those with rowspans or colspans. The concepts are still the same.
This table below has background color of "navy", font color of "white" and bordercolor of "gold".
This table below has background color of "navy", font color of "white", and one of the rows has bgcolor of "blue". Also, the bordercolor is set to two stages, that are "bordercolorlight"(gold color, the top and left sides) and "bordercolordark"(black color, the right and bottom sides).
This table below has background color of "navy", font color of "white", and the two rows has different colors. Take note that only the 2 rows changed colors, but the background remains "navy" color.
This table below is set to width 50% and height 15% of screen. You can set to the percentage you want. You can decide only the height, or only width, or both(like this example).
This table below is set to width 40%. All the data in the table is aligned to center. You can also align the data to the left or right. If left, no need to write align.
| Jordy Papa | Little Ones |
| Cloudy Mama |
This table below has "cellspacing" attribute in the table tag. Cell spacing refers to the thickness of the space between the table background(navy color) and the data rows/columns.
| Jordy Papa | Little Ones |
| Cloudy Mama |
This table below has "cellspadding" attribute in the table tag. Cellpadding refers to the distance of space inside the rows/columns from the writings. Cellpadding is useful whenever u feel that u need more space around the writings. Refer the differences between the "cellspacing" and "cellpadding" examples. You can also use both the attributes in a same table tag.
| Jordy Papa | Little Ones |
| Cloudy Mama |
This table below has an image in one column. Note that even if I didn't put the height as bigger percentage, the table will automatically adjust itself to the height of the image.
| Jordy Papa |  Little Ones |
| Cloudy Mama |
Note: Besides image, you can also put links("a href") tag, marquee tag, paragraph tag, etc inside a table.
OK Cloudy, this is Part 2 of table tag, which you have learned all the basics of making a table. We will proceed to Tutorial 4c, also abt table tag, but the next one, is abt the uses and applications of the table tag. ;)
Teacher loves student Cloudy, but student must pay much attention if not she will still be "beaten" by teacher. ;p ;)