TABLES

GENERAL INFORMATION

Tables require the use of three different tags.

All tables start with the <table> tag and endwith the </table> tag.

Each row in the table starts with the <tr> tag and ends with the </tr> tag.

Each division within a row starts with a <td> tag and ends with a <td> tag.

To see the table borders, we need to set the border attribute to 1 inside the table tag.

Here is the basic setup for a table that is 2 x 2:

<tr>

</tr>

<tr>

</table>

LOCATION OF USE

You can place the tags anywhere between the <body> and </body> tags.

The <tr> tags must be placed inside the table tags.

The <td> tags must be placed inside the <tr> tags.

You need to close ALL your table, tr and td tags.
You need to have at least a space inside each <td> section.
Cells that are left empty look different. If you don’t want that different look, read this page.

This will set the value of the thickness of the border. The default is zero so you usually want to use this attribute so that you see the border.

These two attributes are fairly obvious affecting the size of the table. You can also specify values in percentages.

This attribute specifies where to align the table. Possible values are left, center and right.

Sets the background colour for the cell.

Specifies how many columns that a cell should span. The default is 1.

Click here to see an example. Use View Source to see the code.

Click here to see another example. Use View Source to see the code.