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 ( ) 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!

<< BACK NEXT >>