Thursday, April 19, 2007

Table Code

 Below is the code for the Car Comparison Table:



<html>
<head>
<title>Car Types</title>

</head>
<body>
<table border="1" bordercolor="gray" width="600" cellspacing="3" cellpadding="3">
<caption>Comparing Cars</caption>
<tr>
<th colspan="5" bgcolor="#BFB9B4"><font color="red"><big>Car Types--Side-by-Side</big></font></th>
</tr>

<tr bgcolor="#F0D5A8">
    <th> </th>
    <th>Sports</th>
    <th>Sedans</th>
    <th>Hybrids</th>
    <th>Luxury</th>
</tr>

<tr align="center">
    <th bgcolor="#BDC977">Make</th>
    <td bgcolor="#8AB7B8"><img src="fer458.jpg" width="150" height="100"><br><a href="link goes here" target="blank"<a/>Ferrari</td>
    <td bgcolor="#D0C3D6"><img src="honda.jpg" width="150" height="100"><br><a href="link goes here" target="blank"<a/>Honda Accord</td>
    <td bgcolor="#D6D1C3"><img src="prius.jpg" width="150" height="100"><br><a href="link goes here" target="blank"<a/>Toyota Prius</td>
    <td bgcolor="#F2BBC1"><img src="jag.jpg" width="150" height="100"><br><a href="link goes here" target="blank"<a/>Jaguar</td>
</tr>

<tr align="center">
    <th bgcolor="#BDC977">Max Speed </th>
    <td bgcolor="#8AB7B8">211 MPH </td>
    <td bgcolor="#D0C3D6">98 MPH </td>
    <td bgcolor="#D6D1C3">77 MPH</td>
    <td bgcolor="#F2BBC1">155 MPH </td>
</tr>

<tr align="center">
    <th bgcolor="#BDC977">Price</th>
    <td bgcolor="#8AB7B8">$220,000</td>
    <td bgcolor="#D0C3D6"> $18,000</td>
    <td bgcolor="#D6D1C3"> $25,000</td>
    <td bgcolor="#F2BBC1"> $80,000</td>
</tr>

<tr align="center">
    <th bgcolor="#BDC977">Gas Mileage </th>
    <td bgcolor="#8AB7B8">17.7 MPG </td>
    <td bgcolor="#D0C3D6">28.5 MPG</td>
    <td bgcolor="#D6D1C3">50 MPG </td>
    <td bgcolor="#F2BBC1" > 18 MPG</td>
</tr>


</table>


</body>

</html>

No comments:

Post a Comment