HTML and CSS Reference
In-Depth Information
Listing 7-21.
A simple table
<table>
<thead>
<tr>
<th scope="col">Product</th>
<th scope="col">Quantity</th>
<th scope="col">Price</th>
<th scope="col">Totals</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Utility Belts</th>
<td>9</td>
<td>$129.99</td>
<td>$1,169.91</td>
</tr>
<tr>
<th scope="row">Grappling Hooks</th>
<td>27</td>
<td>$79.99</td>
<td>$2,159.73</td>
</tr>
<tr>
<th scope="row">Smoke Pellets</th>
<td>623</td>
<td>$4.99</td>
<td>$3,108.77</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row">Totals</th>
<td>659</td>
<td></td>
<td>$6,438.41</td>
</tr>
</tfoot>
</table>
The output of that block of markup with only the default browser styling applied can be seen in Figure 7-10.
