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 <TD> 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