Table Tutor - Lesson 14

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