TABLE TAG

Tables are defined with the table tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

How it looks in a browser:
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Tables and the Border Attribute

If you do not specify a border attribute the table will be displayed without any borders. Sometimes this can be useful, but most of the time, you want the borders to show.

To display a table with borders, you will have to use the border attribute:

Row 1, cell 1

Row 1, cell 2

Headings in a Table

Headings in a table are defined with the tag.

Heading	Another Heading
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

How it looks in a browser:
Heading Another Heading
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Empty Cells in a Table

Table cells with no content are not displayed very well in most browsers.

row 1, cell 1	row 1, cell 2
row 2, cell 1

How it looks in a browser:
row 1, cell 1 row 1, cell 2
row 2, cell 1

Note that the borders around the empty table cell are missing (NB! Mozilla Firefox displays the border).

To avoid this, add a non-breaking space ( ) to empty data cells, to make the borders visible:

row 1, cell 1	row 1, cell 2
row 2, cell 1

How it looks in a browser:
row 1, cell 1 row 1, cell 2
row 2, cell 1