Tables in HTML

You can make your HTML code easier to read and follow by using these techniques:
1- Start each table row on its own separate line in the HTML file.
2- Add blank spaces between table rows. Indent to show levels.
3- Generously add Comment tags. <!-- this is a comment -->
4- Don't leave any empty cells, always put in at least a blank space &nbsp;

Examples: (View the source code (right click on the page) to see the table design!)

A table with 2 rows, 3 columns and a caption. 
This table has cellpadding=0, cellspacing=5, align=center, width=50%, bgcolor="light yellow "
colspan=2 rowspan=2, valign=top
in a single cell
Table Header
A table with 4 rows, 3 columns and a caption.
Settings: cellpadding=10, cellspacing=0, border=1, align=left (default), width=100%, bgcolor= lt. blue
Notice that with the cellpadding=10 there is plenty of space between the text and the cell borders. Any cell in a table can be designated a header and will appear bold and centered. The cell below has been deleted.  Its inner borders are not visible but the outer table border is.
This row is aligned center with a bgcolor of light purple
The following cell is empty --> <-- empty cell over there
The next cell has a blank space-->   <--cell with blank space

To see the code for many variations on table design, try: (link good as of 5/2003)