<P>
<TABLE border>
<CAPTION align="top">
A more complex table-within-a table.
</CAPTION>
<TR>
<TH>
Outer Table
</TH>
<TD>
<TABLE border>
<CAPTION align="top">
An inner table showing a variety of headings
and data items.
</CAPTION>
<TR>
<TH colspan="5">
Inner Table
</TH>
</TR>
<TR>
<TH rowspan="2" colspan="2">
CORNER
</TH>
<TH colspan="3">
Head1
</TH>
</TR>
<TR>
<TH rowspan="2">
Head2
</TH>
<TH colspan="2">
Head3
</TH>
</TR>
<TR>
<TH>
Head4
</TH>
<TH>
Head5
</TH>
<TH>
Head6
</TH>
</TR>
<TR>
<TD>
A
</TD>
<TD rowspan="2" valign="middle" bgcolor=
"yellow">
Two Tall
</TD>
<TD bgcolor="green">
<UL>
<LI>
Lists can be table data
</LI>
<LI>
Images can be table data
</LI>
</UL>
</TD>
<TD colspan="2" align="center">
Two Wide
</TD>
</TR>
<TR valign="middle">
<TD>
<IMG src="../images/icon.gif" alt=
"HTML Station">
</TD>
<TD align="center">
A <A href="form.html">Form</A> in a table:
<FORM Method="POST" Action= "http://www.december.com/cgi-bin/formmail.secure.cgi">
<INPUT type="hidden" name="recipient"
value="nobody@december.com"><INPUT type=
"hidden" name="subject" value=
"Table Example"> Your age: <INPUT type=
"text" name="user-age" size="2"><BR>
What is your favorite ice cream?<BR>
<SELECT name="favorite-icecream">
<OPTION>
Vanilla
</OPTION>
<OPTION selected>
Chocolate
</OPTION>
<OPTION>
Cherry Garcia
</OPTION>
<OPTION>
Pizza Pancake
</OPTION>
<OPTION>
None of the above!
</OPTION>
</SELECT><BR>
<INPUT type="submit" value="OK"> <INPUT
type="reset" value="Cancel">
</FORM>
</TD>
<TD>
<TABLE>
<CAPTION>
No border
</CAPTION>
<TR>
<TH>
Little
</TH>
</TR>
<TR>
<TD>
Table
</TD>
</TR>
</TABLE>
</TD>
<TD>
Multiple<BR>
line<BR>
item
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<P>
For more practical examples, see the Periodic Table of the
Elements, <A href=
"http://www.webelements.com/">WebElements</A>.
</P>
<P>
You can see a <A href="tablem.html">variety of table
cellspacing and cellpadding attributes demonstrated</A>.
</P>
