/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. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">

    3. 

  3. <head>

    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

    5. 

  5. <title>Indoor Mower Roundup</title>

    6. 

  6. <link href="global.css" rel="stylesheet" type="text/css" />

    7. 

  7. <!--[if lte IE 6]>

    8. 

  8. <link href="ie.css" rel="stylesheet" type="text/css" />

    9. 

  9. <![endif]-->

    10. 

  10. <style type="text/css">

    11. 

  11. 

    12. 

  12. </style>

    13. 

  13. </head>

    14. 

  14. <body id="feature" class="col2">

    15. 

  15. <div id="wrapper">

    16. 

  16.   <div id="banner">

    17. 

  17.     <div id="background"><p class="logo">CosmoFarmer 2.0</p>

    18. 

  18.       <div id="nav">

    19. 

  19.         <ul>

    20. 

  20.           <li><a href="index.html" id="homeLink">Home</a></li>

    21. 

  21.           <li><a href="/features/index.html" id="featureLink">Features</a></li>

    22. 

  22.           <li><a href="/experts/index.html" id="expertLink">Experts</a></li>

    23. 

  23.           <li><a href="/quiz/index.html" id="quizLink">Quiz</a></li>

    24. 

  24.           <li><a href="/projects/index.html" id="projectLink">Projects</a></li>

    25. 

  25.           <li><a href="/horoscopes/index.html" id="horoscopeLink">Horoscopes</a></li></ul>

    26. 

  26. 					<br class="clear"  />

    27. 

  27.       </div>

    28. 

  28.       <!-- end nav -->

    29. 

  29.     </div>

    30. 

  30.     <!-- end background -->

    31. 

  31.   </div>

    32. 

  32.   <!-- end banner -->

    33. 

  33.   <div id="main">

    34. 

  34.     <h1 id="lead"><span class="section">Feature:</span> Indoor Mower Roundup </h1>

    35. 

  35.     <table summary="A roundup of the eight new indoor mowers for 2007">

    36. 

  36.       <caption>

    37. 

  37.         Table 1: CosmoFarmer.com's Indoor Mower Roundup

    38. 

  38.       </caption>

    39. 

  39.       <tr>

    40. 

  40.         <th scope="col">Brand</th>

    41. 

  41.         <th scope="col">Cost</th>

    42. 

  42.         <th scope="col">Power Source </th>

    43. 

  43.         <th scope="col">Rating</th>

    44. 

  44.       </tr>

    45. 

  45.       <tr>

    46. 

  46.         <td>Chinook Push-o-matic Indoor Mower </td>

    47. 

  47.         <td>$247.00</td>

    48. 

  48.         <td>Mechanical</td>

    49. 

  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. 

  50.       </tr>

    51. 

  51.       <tr >

    52. 

  52.         <td>Sampson Deluxe Apartment Mower </td>

    53. 

  53.         <td>$370.00</td>

    54. 

  54.         <td>Mechanical</td>

    55. 

  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. 

  56.       </tr>

    57. 

  57.       <tr>

    58. 

  58.         <td>Anodyne 7456 </td>

    59. 

  59.         <td>$595.00</td>

    60. 

  60.         <td>Gas</td>

    61. 

  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. 

  62.       </tr>

    63. 

  63.       <tr>

    64. 

  64.         <td >Urban Mow-machine</td>

    65. 

  65.         <td>$789.00</td>

    66. 

  66.         <td>Electric</td>

    67. 

  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. 

  68.       </tr>

    69. 

  69.       <tr>

    70. 

  70.         <td >Mow-master 2525 </td>

    71. 

  71.         <td>$2500.00</td>

    72. 

  72.         <td>Coal</td>

    73. 

  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. 

  74.       </tr>

    75. 

  75.       <tr>

    76. 

  76.         <td >The Lorem Ipsum Dolor 300 </td>

    77. 

  77.         <td>$400.00</td>

    78. 

  78.         <td>Electric</td>

    79. 

  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. 

  80.       </tr>

    81. 

  81.       <tr>

    82. 

  82.         <td >Sit Amat Model IV </td>

    83. 

  83.         <td>$799.00</td>

    84. 

  84.         <td>Mechanical</td>

    85. 

  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. 

  86.       </tr>

    87. 

  87.       <tr>

    88. 

  88.         <td >Grass Master V9 </td>

    89. 

  89.         <td>$8374.00</td>

    90. 

  90.         <td>Cold Fusion </td>

    91. 

  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. 

  92.       </tr>

    93. 

  93.     </table>

    94. 

  94.   </div>

    95. 

  95.   <!-- end main -->

    96. 

  96.   <div id="announce">

    97. 

  97.     <ul>

    98. 

  98.       <li><a href="#"><span class="title">Virgo: It's Your Month</span>Lorem ipsum dolor site amet.</a></li>

    99. 

  99.       <li><a href="#"><span class="title">Your Feedback </span>Lorem ipsum dolor site amet.</a></li>

    100. 

  100.       <li><a href="#"><span class="title">This Month's Survey </span>Lorem ipsum dolor site amet.</a></li>

    101. 

  101.       <li><a href="#"><span class="title">Indoor lawns: sod or seed? </span>Lorem ipsum dolor site amet.</a></li>

    102. 

  102.       <li><a href="#"><span class="title">Lorem Ipsum </span>Lorem ipsum dolor site amet.</a></li>

    103. 

  103.       <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>

    104. 

  104.       <li><a href="#"><span class="title">Adipiscing elit </span>Lorem ipsum dolor site amet.</a></li>

    105. 

  105.       <li><a href="#"><span class="title">Euismod tincidunt </span>Lorem ipsum dolor site amet.</a></li>

    106. 

  106.       <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>

    107. 

  107.       </ul>

    108. 

  108.   </div>

    109. 

  109.   <!-- end announce -->

    110. 

  110.   <address id="copyright">Copyright 2006, CosmoFarmer.com </address>

    111. 

  111. </div>

    112. 

  112. <!-- end wrapper -->

    113. 

  113. </body>

    114. 

  114. </html>
    115.