Lesson 4

Begin a table with the unordered list.

<TABLE BORDER=3>
<TR>
<TD>Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>

The out put will be as

Ingredients for Apple Pie

Apples
Flour
Sugar
Cinnamon

Here all the items will be displayed as an unordered list in a table. In the absence of other instructions, the table will make itself just big enough to contain the data.

To increse the width of table put <TABLE BORDER=3 WIDTH=100%>

Now we need to make a second cell. We want the left cell to be a little smaller than the right one.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40%></TD>
<TD WIDTH=60%>Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>

The out put will be as

Ingredients for Apple Pie

Apples
Flour
Sugar
Cinnamon

In the left cell we can place an Apple Pie image aligned to the right side of the cell and turn off the border attribute.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40% ALIGN=RIGHT>
<IMG SRC="http://media.bizhat.com/phptutorial/applepie.gif" WIDTH=150 HEIGHT=138>
</TD>
<TD WIDTH=60%>
Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>

The out put will be as

Ingredients for Apple Pie Apples Flour Sugar Cinnamon