- Apples
- Flour
- Sugar
- Cinnamon
| MORE TABLES!!! | Go back to the Main Menu |
Table 1
|
|
Ingredients for Apple Pie
|
A table can solve a common problem. Say you've got this great idea for an animated gi. But the picture you want to uses is pretty big. As an animated gif is basically a series of gifs displayed one after another, cut it up and display it as a table.
Table 2
 |
 |
 |
 |
||
 |
The code for this page is as follows:
<HTML>
<HEAD>
<TITLE>Exercise 10 in HTML</TITLE>
</HEAD>
<BODY bgcolor="#33ff33">
<FONT SIZE=6 FACE="MS SANS SERIF"><B><CENTER>More Tables</CENTER></B></FONT><BR>
<P><P><B>Table 1</B><P>
<TABLE BORDER=0 WIDTH=100%>
<TR>
<TD WIDTH=40% ALIGN=RIGHT><IMG SRC=".\images\applepie.gif" WIDTH=150 HEIGHT=138>
<TD WIDTH=60%>
Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TABLE>
<P>A table can solve a common problem.
Say you've got this great idea for an animated gi. But the picture you want to uses is
pretty big. As an animated gif is basically a series of gifs displayed one after another,
cut it up and display it as a table.<P>
<P><B>Table 2</B><P>
<TABLE WIDTH=591 BORDER=0 CELLSPACING=0 CELLPADDING=0>
<CAPTION ALIGN=TOP><FONT SIZE=6><STRONG><EM>The Dragon</EM></STRONG></FONT></CAPTION>
<!--DIV ALIGN=CENTER can be used instead of CAPTION-->
<TR>
<TD ROWSPAN=3><IMG SRC=".\images\dragon4.gif" WIDTH=250 HEIGHT=406></TD>
<TD><IMG SRC=".\images\dragon3.gif" WIDTH=122 HEIGHT=109></TD>
<TD ROWSPAN=3><IMG SRC=".\images\dragon5.gif" WIDTH=219 HEIGHT=406></TD>
</TR>
<TR>
<TD><IMG SRC=".\images\anidrag.gif" WIDTH=122 HEIGHT=50></TD>
</TR>
<TR>
<TD><IMG SRC=".\images\dragon2.gif" WIDTH=122 HEIGHT=247></TD>
</TR>
</TABLE>
</BODY>
</HTML>
| Go back to the Top | Go back to the Main Menu |