J & D Graphics HTML Guide

Basic HTML Guide - Part Two: The Basic Tags

Tables

About the Tags

There are many tags that you use to define tables and the data within them. The main ones are <TR>, <TH> and <TD>. These stand for respectively: Table Row, Table Heading and Table Data.

Tables are defined row by row. As you can see from the example on the previous page, the <TR> tag is used first, to define the beginning of a Table Row, within that tag is the first <TD> tag which starts a Table Data cell. After that you place what ever you want in the cell, be it text, images or both. When you have finished with the content, close the tag with a </TD>. If you want another cell next to the one you have just created, simply start another <TD> sequence. Once you have finished with that row, finish it with a </TR> tag.

To create another row on the table, start a new <TR> sequence and fill it in the same way as the previous. Note that the number of cells you define in the first row will be the maximum you can have in all the following rows, eg. if you created three cells in the first row, you can only have three cells in the second and all subsequent rows.

Once you have finished with the table, close it with a </TABLE> tag.

There, You should now have a table. For advanced table usage, such as nesting tables and extra cell options, see the advanced HTML guide.

[ - About - Gallery - HTML Guide - JavaScript - Subs - ]
[ - E-Mail - Disclaimer - ]