What is this?

Tables allow you organize information and pictures in rows or columns. Long lists can be made shorter by putting it into columns. An example of the use of tables can be seen on the symbols page.

1. Type <table.

2. (optional) Type border=#, where # is the width in pixels of the border of the table. If left out, there will be no border on the table.

3. (optional) Type bordercolor=#, where # is the color of the border of the table. If left out, the border will be clear. See the catalog of colors.

4. (optional) Type width=# and/or height=#, where # is the height/width of the table in pixels or percentage of the available space.

5. (optional) Type cellpadding=#, where # is the size in pixels of space around the individual cells.

6. (optional) Type cellspacing=#, where # is the size is pixels of the space between the individual cells.

7. (optional) Type bgcolor=#, where # is the color of the background of the table. See the catalog of colors.

8. Type >

9. Type <tr. The tr tag represents a new row.

10. (optional) Type height=#, where # is the height in pixels or percentage of the available space of that row. There can be no width attribute on a tr; the tr will be as wide as the number of columns you put there.

11. Type >.

12. Type <td. The td tag represents a new column in the row we created in steps 8-9. The first td will be the top cell on the very left. The first row (tr) and the first column (td).

13. (optional) Type bgcolor=#, where # is the color of the background of that individual cell. This tag will override a bgcolor attribute in the table tag.

14. (optional) Type align=justify, where justify is either left, right, or center. If not specified, the contents of the cell will by default be left.

15. (optional) Type width=#, where # is the height in either pixels or percentage of the available space. There can be no height attribute in a td, for that was determined by the tr tag it is under. If neither height on the tr or width on the td is specified, the cell will take the size of its contents.

16. Type >.

17. Type the contents of the cell. It can be text, picture, or even another table. Anything you can place on a page can go in a table cell.

18. Repeat steps 12-17 for each cell in that row.

19. Type </tr>.

20. Repeat steps 9-19 for each column in the table.

21. Type </table>.

When completed correctly, this tag will look like this in your code:

<table border=1 bordercolor=#c6b5de width=35% height=400 cellpadding=1 cellspacing=1>
<tr height=50>
<td align=center width=50 bgcolor=white> tr1,td1</td>
<td align=center width=50 bgcolor=black> tr1,td2</td>
<td align=center width=50 bgcolor=teal> tr1,td3</td>
</tr><tr height=50>
<td align=center width=50 bgcolor=maroon> tr2,td1</td>
<td align=center width=50 bgcolor=silver> tr2,td2</td>
<td align=center width=50 bgcolor=navy> tr2,td3</td>
</table>

When completed correctly, this tag will look like this on your page:

tr1,td1	tr1,td2	tr1,td3
tr2,td1	tr2,td2	tr2,td3

If you're confused by tables, I sure was when I started them, please feel free to e-mail me with your questions.