Table Tutor - Quick Index

A basic 2-row, 3-column table:

Roses are red
Violets are blue

<TABLE BORDER=2>
<TR>
  <TD>Roses</TD>
  <TD>are</TD>
  <TD>red</TD>
</TR>
<TR>
  <TD>Violets</TD>
  <TD>are</TD>
  <TD>blue</TD>
</TR>
</TABLE>

Useful and optional table attributes.
(In addition to the attributes shown here, there are a few others. The ones here are limited to those that are commonly used, widely supported and mentioned in this tutorial. Consult the BareBones Guide packed with this tutorial for an expanded listing, and consult the latest HTML Reference Library for more on which attributes work with which browsers.)

<TABLE
   CELLPADDING=0 or greater
   CELLSPACING=0 or greater
   BORDER=0 or greater
   WIDTH=pixel or percent value
   HEIGHT=pixel or percent value (not overly reliable)
   BGCOLOR="#123456"
   >

<TR
   BGCOLOR="#123456"
   > 

<TD
   ALIGN="left|center|right"
   VALIGN="top|middle|bottom"
   WIDTH=pixel or percent value (not overly reliable)
   BGCOLOR="#123456"
   COLSPAN=1 or greater
   ROWSPAN=1 or greater
   >

Remember, it's very good practice to ALWAYS include </TD>, </TR> and </TABLE> closing tags in your tables. If you don't, you run the risk of large chunks of your page not being rendered in some browsers. Consider yourself warned ;-)

 

Do it with a Table!     Picture Frames     Colored Lines
Hey, there's spaces in my table!     The Dragon
Color charts:    216 colors(gif)    216 colors(html)    1536 colors(html)