Now we need to make a second cell.
<table border="3">
<tr>
<td> </td>
<td>
Ingredients for Apple Pie
<ul>
<li>Apples
<li>Flour
<li>Sugar
<li>Cinnamon
</ul>
</td>
</tr>
</table>
Ingredients for Apple Pie
|
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
|
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
|
Bingo!
Table Tutor |
|
Tables Quick Reference |
HTML 4.0 Reference Barebones HTML Guide |
![]() |