Tables
Tables are ways of arranging information into blocks. Sometines this can be quite nifty,
however, over-enthusiastic use of tables can make your page look clunky. Here's an example of a
basic table code:
<TABLE>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> I love springtime. </TD>
</TR>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> I love the flower/weed called Queen Anne's Lace. </TD>
</TR>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> And I'd love to walk in the woods on a spring afternoon with my love. </TD>
</TR>
</TABLE>
Here's what it means:
- <TABLE> </TABLE>
These tags indicate that you are using a table.
- <TR> </TR>--Table row
These tags indicate one line in the table. Everything within these tags will be in a row.
- <TD> </TD>
These tags indicate a specific cell of the table. Items within these tags will be in their own
section of the table.
And here's how it looks:
 |
I love springtime. |
| |
I love the flower/weed called Queen Anne's Lace. |
| |
And I'd love to walk in the woods on a spring afternoon with my love. |
You can put borders on the table, or indicate a background color. You can even indicate a
border color:
<TABLE BORDERCOLOR=000000 BORDER=3>
<TR>
<TD BGCOLOR=000000> <IMG WIDTH="35" HEIGHT="32"
src="purp.jpg" ALT="heart"> </TD>
<TD BGCOLOR=80ff80> I love springtime. </TD>
</TR>
<TR>
<TD BGCOLOR=000000> <IMG WIDTH="35" HEIGHT="32"
src="purp.jpg" ALT="heart"> </TD>
<TD BGCOLOR=80ff80> I love the flower/weed called Queen Anne's Lace. </TD>
</TR>
<TR>
<TD BGCOLOR=000000> <IMG WIDTH="35" HEIGHT="32"
src="purp.jpg" ALT="heart"> </TD>
<TD BGCOLOR=80ff80> And I'd love to walk in the woods on a spring afternoon with my love.
</TD>
</TR>
</TABLE>
Becomes:
| |
I love springtime. |
| |
I love the flower/weed called Queen Anne's Lace. |
| |
And I'd love to walk in the woods on a spring afternoon with my love. |
Align commands work with tables.. just put them in the <TABLE> tag:
<TABLE align=center>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> I love springtime. </TD>
</TR>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> I love the flower/weed called Queen Anne's Lace. </TD>
</TR>
<TR>
<TD> <IMG WIDTH="35" HEIGHT="32" src="purp.jpg"
ALT="heart"> </TD>
<TD> And I'd love to walk in the woods on a spring afternoon with my love. </TD>
</TR>
</TABLE>
Becomes:
| |
I love springtime. |
| |
I love the flower/weed called Queen Anne's Lace. |
| |
And I'd love to walk in the woods on a spring afternoon with my love. |
back to the tutorial menu