/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. </style>
  12. </head>
  13. <body id="feature" class="col2">
  14. <div id="wrapper">
  15. <div id="banner">
  16. <div id="background"><p class="logo">CosmoFarmer 2.0</p>
  17. <div id="nav">
  18. <ul>
  19. <li><a href="index.html" id="homeLink">Home</a></li>
  20. <li><a href="/features/index.html" id="featureLink">Features</a></li>
  21. <li><a href="/experts/index.html" id="expertLink">Experts</a></li>
  22. <li><a href="/quiz/index.html" id="quizLink">Quiz</a></li>
  23. <li><a href="/projects/index.html" id="projectLink">Projects</a></li>
  24. <li><a href="/horoscopes/index.html" id="horoscopeLink">Horoscopes</a></li></ul>
  25. <br class="clear" />
  26. </div>
  27. <!-- end nav -->
  28. </div>
  29. <!-- end background -->
  30. </div>
  31. <!-- end banner -->
  32. <div id="main">
  33. <h1 id="lead"><span class="section">Feature:</span> Indoor Mower Roundup </h1>
  34. <table summary="A roundup of the eight new indoor mowers for 2007">
  35. <caption>
  36. Table 1: CosmoFarmer.com's Indoor Mower Roundup
  37. </caption>
  38. <tr>
  39. <th scope="col">Brand</th>
  40. <th scope="col">Cost</th>
  41. <th scope="col">Power Source </th>
  42. <th scope="col">Rating</th>
  43. </tr>
  44. <tr>
  45. <td>Chinook Push-o-matic Indoor Mower </td>
  46. <td>$247.00</td>
  47. <td>Mechanical</td>
  48. <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>
  49. </tr>
  50. <tr >
  51. <td>Sampson Deluxe Apartment Mower </td>
  52. <td>$370.00</td>
  53. <td>Mechanical</td>
  54. <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>
  55. </tr>
  56. <tr>
  57. <td>Anodyne 7456 </td>
  58. <td>$595.00</td>
  59. <td>Gas</td>
  60. <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
  61. </tr>
  62. <tr>
  63. <td >Urban Mow-machine</td>
  64. <td>$789.00</td>
  65. <td>Electric</td>
  66. <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>
  67. </tr>
  68. <tr>
  69. <td >Mow-master 2525 </td>
  70. <td>$2500.00</td>
  71. <td>Coal</td>
  72. <td><img src="images/star.gif" alt="star" width="16" height="16" /><img src="images/star.gif" alt="star" width="16" height="16" /></td>
  73. </tr>
  74. <tr>
  75. <td >The Lorem Ipsum Dolor 300 </td>
  76. <td>$400.00</td>
  77. <td>Electric</td>
  78. <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>
  79. </tr>
  80. <tr>
  81. <td >Sit Amat Model IV </td>
  82. <td>$799.00</td>
  83. <td>Mechanical</td>
  84. <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>
  85. </tr>
  86. <tr>
  87. <td >Grass Master V9 </td>
  88. <td>$8374.00</td>
  89. <td>Cold Fusion </td>
  90. <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>
  91. </tr>
  92. </table>
  93. </div>
  94. <!-- end main -->
  95. <div id="announce">
  96. <ul>
  97. <li><a href="#"><span class="title">Virgo: It's Your Month</span>Lorem ipsum dolor site amet.</a></li>
  98. <li><a href="#"><span class="title">Your Feedback </span>Lorem ipsum dolor site amet.</a></li>
  99. <li><a href="#"><span class="title">This Month's Survey </span>Lorem ipsum dolor site amet.</a></li>
  100. <li><a href="#"><span class="title">Indoor lawns: sod or seed? </span>Lorem ipsum dolor site amet.</a></li>
  101. <li><a href="#"><span class="title">Lorem Ipsum </span>Lorem ipsum dolor site amet.</a></li>
  102. <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>
  103. <li><a href="#"><span class="title">Adipiscing elit </span>Lorem ipsum dolor site amet.</a></li>
  104. <li><a href="#"><span class="title">Euismod tincidunt </span>Lorem ipsum dolor site amet.</a></li>
  105. <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>
  106. </ul>
  107. </div>
  108. <!-- end announce -->
  109. <address id="copyright">Copyright 2006, CosmoFarmer.com </address>
  110. </div>
  111. <!-- end wrapper -->
  112. </body>
  113. </html>