Table Tutorials - Part 1

Lets take a look at a basic table, with its borders so you can actually see it.

The above table has 2 rows, 3 columns, a width of 80%, and a border of 1. Lets take a look at the source for the table.

<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
<td>></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Table width defines how wide the table is. You can use a fixed number and define it as pixels, or define it as a percentage. ( I recommend using a percentage and never using a fixed number ). Table border defines how thick the border of the table is. The higher the number, the thicker the border. A border of 0 will show no border at all. Cellspacing defines how many pixels to space the cells apart inside the table, and cellpadding defines how many pixels the contents inside the cell are away from the walls of the cell itself.

<TR></TR> tells the table the starting and ending points for the table rows, and <TD></TD> stands for table data, or cells. Notice how the table opens and closes with a <TABLE> and </TABLE> tags.

HTML Table Tutorials, Part 2