Can we have a table within
a table??
Let's try. Start with Geetham.
<TABLE BORDER=3>
<TR>
<TD>Geetham</TD>
</TR>
</TABLE>
Make the table a fuzz bigger.
<TABLE BORDER=3 WIDTH=200
HEIGHT=100>
<TR>
<TD>Geetham</TD>
</TR>
</TABLE>
Replace Geetham with a complete "little Geetham" table
<TABLE BORDER=3 WIDTH=200 HEIGHT=100>
<TR>
<TD>
<TABLE BORDER=3>
<TR>
<TD>Geetham</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
How about that!
Our table can also be centered very easily.
<CENTER>
<TABLE BORDER=3 WIDTH=200 HEIGHT=100>
<TR>
<TD>
<TABLE BORDER=3>
<TR>
<TD>Geetham</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
Here's a situation where a table can solve a common problem.
Say you've got this great idea for an animated gif. But the
picture you want to use is pretty big. Since you know that an
animated gif is basically a series of gifs displayed one after
another, you cringe at the size this thing is going to be. Your
viewers won't be too happy about a 700K clodhopper coming down
the pike at them. Not only that, but because of its size, their
browser is going to choke trying to display it. The answer? Cut
it up and display it as a table.
Here's an example:
Here is the same table with the CELLSPACING turned
on.
The only part of the picture that is animated are the eyes.
Here is the html code for that table. (The caption is just
something I added for my own amusement. It is not required nor
does it have any impact on the rest of the table)
<TABLE WIDTH=591 BORDER=0 CELLSPACING=0 CELLPADDING=0>
<CAPTION ALIGN=top><FONT
SIZE=6><I><STRONG><EM>Jaffri vs The
Dragon</EM></STRONG><I></FONT></CAPTION>
<TR>
<TD ROWSPAN=3><IMG SRC="dragon/dragon4.gif"
WIDTH=250 HEIGHT=406></TD>
<TD><IMG SRC="dragon/dragon3.gif" WIDTH=122
HEIGHT=109></TD>
<TD ROWSPAN=3><IMG SRC="dragon/dragon5.gif"
WIDTH=219 HEIGHT=406></TD>
</TR>
<TR>
<TD><IMG SRC="dragon/anidrag.gif" WIDTH=122
HEIGHT=50></TD>
</TR>
<TR>
<TD><IMG SRC="dragon/dragon2.gif" WIDTH=122
HEIGHT=247></TD>
</TR>
</TABLE>
This is the layout.
| dragon4.gif |
dragon3.gif |
dragon5.gif |
| anidrag.gif |
dragon2.gif
|
Well that's about it for the table tags. Used to be that this
was the end of the tutorial. For this
tutorial that is. You have learned all the major TABLE
tags. There are more, but 95% of what
you'll need to do can be done with these tags.
<--BACK
|
