header

Tables

Using Images

Now, I would like you to save this background tile.

tile


Add this to your <table> tag.  You should now have this in your table tag:

<table background="tuttablebg.jpg" bgcolor="#C0C0FF" bordercolor="#000080" border="5" cellspacing="0" cellpadding="5">

tables are fun


Right click and save these pictures to your hard drive.

watering can     butterfly     flower


Now, make a table using these images, three rows and two columns, with a border="1", and the background that we just saved.  Put the images in the first column on the table, and label the pictures in the second column.  This is the code that you should now have:

<table background="tuttablebg.jpg" bgcolor="#C0C0FF" bordercolor="#000080" border="1" cellspacing="0" cellpadding="5">
<tr>
<td><img src="wateringcan.gif" width="110" height="130" border="0" alt="watering can"></td>
<td>Watering Can</td>
</tr>

<tr>
<td><img src="butterfly.gif" width="150" height="150" border="0" alt="butterfly"></td>
<td>Butterfly</td>
</tr>

<tr>
<td><img src="tutflower.gif" width="150" height="150" border="0" alt="flower"></td>
<td>Flower</td>
</tr>

</table>

watering can Watering Can
butterfly Butterfly
flower Flower



backnext


HOME TERMS PSP HTML TILES ABOUT US


©2003 From the Heart Graphics and Web Design
All Rights Reserved

Site Meter