Now we need to make a second cell.

<table border="3">
<tr>
<td>&nbsp;</td>
<td>
Ingredients for Apple Pie
<ul>
<li>Apples
<li>Flour
<li>Sugar
<li>Cinnamon
</ul>
</td>
</tr>
</table>

As a matter of habit, you should probably place a blank space ( ) in any empty cell.

Now would be a good time to copy applepie.gif to your working folder. (Right click on the image and select Save Picture As...)

Plug the image into the first cell.

<table border="3">
<tr>
<td><img src="applepie.gif" width="150" height="138" alt="Apple Pie"></td>
<td>
Ingredients for Apple Pie
<ul>
<li>Apples
<li>Flour
<li>Sugar
<li>Cinnamon
</ul>
</td>
</tr>
</table>

Ingredients for Apple Pie Apples Flour Sugar Cinnamon

All that's left is to align the table center and turn off the border attribute.

<table border="0" align="center">
<tr>
<td><img src="applepie.gif" width="150" height="138" alt="Apple Pie"></td>
<td>
Ingredients for Apple Pie
<ul>
<li>Apples
<li>Flour
<li>Sugar
<li>Cinnamon
</ul>
</td>
</tr>
</table>

Ingredients for Apple Pie Apples Flour Sugar Cinnamon

Bingo!

Table Tutor

Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

Tables Quick Reference

HTML 4.0 Reference      Barebones HTML Guide