In the very top line of this code, the important things to watch for are:
border="1"
and:
width="90%"
In the table border, changing the "1" to a "2" or higher number will make the lines of the table thicker; if you change it to a "0" the border lines will disappear, which often looks pretty cool.
The width="90%" means the table will cover 90% of the web page; you can make it less, but you should never make it more than 100%.
In the groups of code notice that each line has width="30%" that is, each column is 30% of the total and the three columns add up to the 90% total.
You can make the columns different widths when necessary, for example, the first row 20%, the second row 50% and the third row 20%; so long as they always add up to the total width (90% in this case).
Notice that the column heads have the HTML tags for bold, this is optional of course.
Notice also that the empty cells, for example, Column 3, Row 2 have this in them:
& n b s p ; (without spaces)
If you don't put this in empty cells, the table borders will become very screwed up. |