XHTML & CSS
Tables in XHTML

Basic Table - No Style

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<table border="1">
<caption style="font-weight: bold;">Race Results</caption>
     <thead>
     <tr>
     <th>Group</th>
     <th>Runner</th>
     <th>Time</th>
     </tr>
     </thead>
     <tfoot>
     <tr>
     <td> Tfoot </td>
     <td> Tfoot </td>
     <td> Tfoot </td>
     </tr>
     </tfoot>
<tbody>
     <tr>
         <td>Men</td>
         <td>Michael Burns</td>
         <td>10:22:05</td>
      </tr>
</tbody>
</table>

How it looks in the browser

Race Results
Group Runner Time
Tfoot Tfoot Tfoot
Men Michael Burns 10:22:05

The <caption> adds a caption to the table.
The <thead> is the group for the table headings the individual <th> are the cells for the headings.
<tr> defines the row and the <td> is the table data (the individual cells) in those rows.

The <caption>, <thead>, <tfoot> and <tbody> tags are optional. If you don't have the <thead> you won't need the <tbody> tags.

Author - Alan Dunbar
Creative Commons Licence
Valid XHTML 1.0