HOME articles tutorials tool directory about

Using Tables as a Layout Tool (continued)

Creating a Basic Table
Tables are made up of columns and rows, and unlike the tags discussed earlier in this chapter, tables require multiple tags in a particular order. The beginning and end of the table are identified by <TABLE> </TABLE>. Between the table tags, rows are defined by <TR> </TR> tags. (TR stands for table row.) Within the rows, individual cells that contain data are defined, using <TD> </TD>. (TD is short for table data.) Here's the HTML for a table with one row containing two data cells in it:

<TABLE> <TR> <TD>One</TD> <TD>Two</TD> </TR> </TABLE>

And here's the table it creates:

One Two

You could use this basic table to structure a two-column Web page like the one mentioned earlier with navigation elements in the first (left) column (between the first two <TD> tags) and the main contents in the second (right) column.

For a three-column template page, just add another set of <TD></TD> tags inside the table row <TR> </TR> tags. If you want more rows, repeat the whole <TR></TR> section, including the <TD> tags in between. Make sure you include the same number of cells in each row.

HOME articles tutorials tool directory about