HTMLisEasy.com
HTML tutorials for the rest of us...

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>
  Ingredients for Apple Pie
  • Apples
  • Flour
  • Sugar
  • Cinnamon

As a matter of habit, you should probably place a blank space (&nbsp;) 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...)

applepie.gif


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>
Apple Pie 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>
Apple Pie Ingredients for Apple Pie
  • Apples
  • Flour
  • Sugar
  • Cinnamon

Bingo!

<< BACK NEXT >>
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