Table Blankets

This is a more advanced kinda thing, and not usually needed in the average post. But sometimes when you wanna do something special, tables are just the thing you need.

Basic Tables

We will start off with a basic table. When we are finished, it will look like this:

There are three sets of table blankets that work together to make a table. . The blue table tags <table></table> open and close the table. The red tags <tr></tr> stand for table row and open and close each row of a table. The white tags <td></td> stand for table data and hold each column of data in a table.

For a one row, one column table, they look like this: <table><tr><td></td></tr></table>

So for this table:

the code would look like this: <table><tr><td>This is your basic table</td></tr></table>.

Actually, what I just said is not entirely true. For you to be able to see where the table is, there is one extra bit of code that went with the table blanket: the border code. You can have different sized borders around your tables, or none at all:

This is where tables come in really useful in posts: putting text of one color in a box of a different color. If you've read through all my html pages so far, then you probably know how to do all of this except for one thing: how to get the background color in the table. And it is very simple: the tag bgcolor="" (which means "background color") goes into the <table> tag. This is the code for the box above:

<table bgcolor="black"><tr><td><font size="6" color="white">Special Effects!</font></td></tr></table>.

Back to wabbit's html page

email me!