PageRenderTime 28ms CodeModel.GetById 17ms app.highlight 9ms RepoModel.GetById 0ms app.codeStats 0ms

/tutorials/chapter_10/table/table.html

https://bitbucket.org/chuns/css
HTML | 114 lines | 104 code | 1 blank | 9 comment | 0 complexity | 8c8da6feca16c39cf7fb5109fb2e6281 MD5 | raw file
  1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2<html xmlns="http://www.w3.org/1999/xhtml">
  3<head>
  4<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  5<title>Indoor Mower Roundup</title>
  6<link href="global.css" rel="stylesheet" type="text/css" />
  7<!--[if lte IE 6]>
  8<link href="ie.css" rel="stylesheet" type="text/css" />
  9<![endif]-->
 10<style type="text/css">
 11
 12</style>
 13</head>
 14<body id="feature" class="col2">
 15<div id="wrapper">
 16  <div id="banner">
 17    <div id="background"><p class="logo">CosmoFarmer 2.0</p>
 18      <div id="nav">
 19        <ul>
 20          <li><a href="index.html" id="homeLink">Home</a></li>
 21          <li><a href="/features/index.html" id="featureLink">Features</a></li>
 22          <li><a href="/experts/index.html" id="expertLink">Experts</a></li>
 23          <li><a href="/quiz/index.html" id="quizLink">Quiz</a></li>
 24          <li><a href="/projects/index.html" id="projectLink">Projects</a></li>
 25          <li><a href="/horoscopes/index.html" id="horoscopeLink">Horoscopes</a></li></ul>
 26					<br class="clear"  />
 27      </div>
 28      <!-- end nav -->
 29    </div>
 30    <!-- end background -->
 31  </div>
 32  <!-- end banner -->
 33  <div id="main">
 34    <h1 id="lead"><span class="section">Feature:</span> Indoor Mower Roundup </h1>
 35    <table summary="A roundup of the eight new indoor mowers for 2007">
 36      <caption>
 37        Table 1: CosmoFarmer.com's Indoor Mower Roundup
 38      </caption>
 39      <tr>
 40        <th scope="col">Brand</th>
 41        <th scope="col">Cost</th>
 42        <th scope="col">Power Source </th>
 43        <th scope="col">Rating</th>
 44      </tr>
 45      <tr>
 46        <td>Chinook Push-o-matic Indoor Mower </td>
 47        <td>$247.00</td>
 48        <td>Mechanical</td>
 49        <td><p><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></p></td>
 50      </tr>
 51      <tr >
 52        <td>Sampson Deluxe Apartment Mower </td>
 53        <td>$370.00</td>
 54        <td>Mechanical</td>
 55        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 56      </tr>
 57      <tr>
 58        <td>Anodyne 7456 </td>
 59        <td>$595.00</td>
 60        <td>Gas</td>
 61        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 62      </tr>
 63      <tr>
 64        <td >Urban Mow-machine</td>
 65        <td>$789.00</td>
 66        <td>Electric</td>
 67        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 68      </tr>
 69      <tr>
 70        <td >Mow-master 2525 </td>
 71        <td>$2500.00</td>
 72        <td>Coal</td>
 73        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 74      </tr>
 75      <tr>
 76        <td >The Lorem Ipsum Dolor 300 </td>
 77        <td>$400.00</td>
 78        <td>Electric</td>
 79        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 80      </tr>
 81      <tr>
 82        <td >Sit Amat Model IV </td>
 83        <td>$799.00</td>
 84        <td>Mechanical</td>
 85        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 86      </tr>
 87      <tr>
 88        <td >Grass Master V9 </td>
 89        <td>$8374.00</td>
 90        <td>Cold Fusion </td>
 91        <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
 92      </tr>
 93    </table>
 94  </div>
 95  <!-- end main -->
 96  <div id="announce">
 97    <ul>
 98      <li><a href="#"><span class="title">Virgo: It's Your Month</span>Lorem ipsum dolor site amet.</a></li>
 99      <li><a href="#"><span class="title">Your Feedback </span>Lorem ipsum dolor site amet.</a></li>
100      <li><a href="#"><span class="title">This Month's Survey </span>Lorem ipsum dolor site amet.</a></li>
101      <li><a href="#"><span class="title">Indoor lawns: sod or seed? </span>Lorem ipsum dolor site amet.</a></li>
102      <li><a href="#"><span class="title">Lorem Ipsum </span>Lorem ipsum dolor site amet.</a></li>
103      <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>
104      <li><a href="#"><span class="title">Adipiscing elit </span>Lorem ipsum dolor site amet.</a></li>
105      <li><a href="#"><span class="title">Euismod tincidunt </span>Lorem ipsum dolor site amet.</a></li>
106      <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>
107      </ul>
108  </div>
109  <!-- end announce -->
110  <address id="copyright">Copyright 2006, CosmoFarmer.com </address>
111</div>
112<!-- end wrapper -->
113</body>
114</html>