Learning Table HTML

Headline

Table with border
bgColor=#8098f8		 Table Heading   Table Heading & 2 columns span  Table Data   Another Column  
Table Row, bgColor=#f0f8ff  . . . . .
Another Row . . . . .
Another Table Row & 2 rows span  . . . . .

Headline
Table Row 1 - 100% B1 - 20% C1 - 10% D1 - 20%
Table Row 2 B2 C2 D2
Table Row 3   B3 C3 D3

Headline
Row 1 -150 pixels B1 - 180 pixels C1 -150 pixels D1 - 180 pixels
Row 2 aaaaaaaaaaaaaaaaa bbbbbb cccccc  ddddddddd  eeeeee ffffffff   B2 aaaaaaaaaaaaaaa bbbbbb cccccc  ddddddddd  eeeeee ffffffff      C2 aaaaaaaaaaaaaaa bbbbbb cccccc  ddddddddd  eeeeee ffffffff   D2 aaaaaaaaaaaaaaa bbbbbb cccccc  ddddddddd  eeeeee ffffffff  

<HTML>
<HEAD> <!-- Created with AOLpress/2.0 --> <TITLE>TABLE HTML</TITLE></HEAD>

<BODY BGCOLOR="#ffffbb">
<P>
<FONT COLOR="#0000ff"><BIG>Learning Table HTML</BIG></FONT>

<H2> Headline</H2>

<TABLE Border=6 cellpadding=8 cellspacing=6 >
<TR>
     <TD bgColor=#8098f8>Table with border <BR> <SMALL>bgColor=#8098f8</SMALL></TD>
     <TH>Table Heading &nbsp;</TH>
     <TH colspan=2>Table Heading &amp; 2 columns span&nbsp;</TH>
     <TD align="left">Table Data &nbsp;</TD>
     <TD align="center">Another Column &nbsp;</TD>
</TR>

<TR>
     <TD bgColor=#f0f8ff>Table Row, <SMALL>bgColor=#f0f8ff&nbsp;</SMALL></TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
</TR>

<TR>
     <TD bgColor=#8098f8><FONT color=white size=+1>Another Row </FONT></TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
</TR>

<TR rowspan=2>
     <TD bgColor=#f0f8ff>Another Table Row &amp; 2 rows span&nbsp;</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
     <TD>.</TD>
</TR>

</TABLE>
<P>
<P>
<BIG>Headline</BIG>
<TABLE Border=6 cellpadding=8 cellspacing 6 >
<TR>
<TD bgColor=#f0f8ff width="100%"><B>Table Row 1</B> - 100%</TD>
<TD width="20%">B1 - 20%</TD>
<TD width="10%">C1 - 10%</TD>
<TD width="20%">D1 - 20%</TD>
</TR>

<TR>
<TD bgColor=#8098f8 width="50%"><FONT color=white size=+1>Table Row 2 </FONT></TD>
<TD width="20%">B2</TD>
<TD width="10%">C2</TD>
<TD width="20%">D2</TD>
</TR>

<TR rowspan=2>
<TD bgColor=#f0f8ff width="50%"><B>Table Row 3</B> &nbsp;</TD>
<TD width="20%">B3</TD>
<TD width="10%">C3</TD>
<TD width="20%">D3</TD>
</TR>

</TABLE>

<P>
<P>
<BIG>Headline</BIG>
<TABLE Border=6 cellpadding=8 cellspacing 6 >
<TR bgColor=#f0f8ff>
<TD width="150"><B>Row 1 -150</B> pixels</TD>
<TD width="180">B1 - 180 pixels</TD>
<TD width="150">C1 -150 pixels</TD>
<TD width="180">D1 - 180 pixels</TD>
</TR>

<TR>
<TD bgColor=#8098f8 width="150"><FONT color=white size=+1>Row 2
</FONT>aaaaaaaaaaaaaaaaa bbbbbb cccccc &nbsp;ddddddddd &nbsp;eeeeee ffffffff
&nbsp;</TD>
<TD width="180">B2 aaaaaaaaaaaaaaa bbbbbb cccccc &nbsp;ddddddddd &nbsp;eeeeee
ffffffff &nbsp; &nbsp;&nbsp;</TD>
<TD width="150">C2 aaaaaaaaaaaaaaa bbbbbb cccccc &nbsp;ddddddddd &nbsp;eeeeee
ffffffff &nbsp;</TD>
<TD width="180">D2 aaaaaaaaaaaaaaa bbbbbb cccccc &nbsp;ddddddddd &nbsp;eeeeee
ffffffff &nbsp;</TD>
</TR>

</TABLE>
<P>
<P>
<P>
</BODY></HTML>