1  <HTML>
  2  <HEAD>
  3    <TITLE>HTML Example:  Tables</TITLE>
  4  </HEAD>
  5  <BODY BGCOLOR="#FFFFFF">
  6  
  7  <H1 ALIGN="CENTER">Tables</H1>
  8  
  9  <H2>A simple table:</H2>
 10  
 11  <TABLE BORDER="2">
 12    <TR>
 13    <TD>first row, first column</TD>
 14    <TD>first row, second column</TD>
 15    </TR>
 16    
 17    <TR>
 18    <TD>second row, first column</TD>
 19    <TD>second row, second column</TD>
 20    </TR>
 21  </TABLE>
 22  
 23  <H2>A more complex table:</H2>
 24  
 25  <TABLE>
 26    <TR>
 27    <TD ALIGN="LEFT">Tables may be used to organize 
 28    information on the page.  For example, you could 
 29    organize your page as a 2-by-2 table with graphics 
 30    in each corner.  The text and graphics you see here 
 31    are organized in this way.</TD>
 32    <TD ALIGN="CENTER"><IMG SRC="../../images/fractal.gif" 
 33    WIDTH=120 HEIGHT=87></TD>
 34    </TR>
 35    
 36    <TR>
 37    <TD ALIGN="CENTER"><IMG SRC="../../images/fractal.gif" 
 38    WIDTH=120 HEIGHT=87></TD>
 39    <TD ALIGN="RIGHT">The text in the first column of this table is 
 40    left justified, while the text in the second column is right 
 41    justified.  The images are centered.  This is accomplished by 
 42    inserting one of the attributes ALIGN="LEFT", ALIGN="RIGHT", or
 43    ALIGN="CENTER" in the &lt;TD&gt; tag.</TD>
 44    </TR>
 45  </TABLE>
 46  
 47  <H2>Yet another table example:</H2>
 48  
 49  <CENTER>
 50    <TABLE CELLPADDING=8 BORDER=2>
 51      <TR>
 52        <TH>Physical Style</TH>
 53        <TH>Logical Style</TH>
 54      </TR>
 55      <TR>
 56        <TD ALIGN=CENTER><I>italicized text</I></TD>
 57        <TD ALIGN=CENTER><EM>emphasized text</EM></TD>
 58      </TR>
 59      <TR>
 60        <TD ALIGN=CENTER><B>bold text</B></TD>
 61        <TD ALIGN=CENTER><STRONG>strong text</STRONG></TD>
 62      </TR>
 63      <TR>
 64        <TD ALIGN=CENTER><TT>typewriter text</TT></TD>
 65        <TD ALIGN=CENTER><CODE>code fragment</CODE></TD>
 66      </TR>
 67    </TABLE>
 68  </CENTER>
 69  
 70  <P><HR>
 71  
 72  </BODY>
 73  </HTML>
 74  
 75  
 76