Divide a Table Into Head (thead), Body (tbody), and Footer (tfoot) Sections

As you may already know, an html table is constructed of <tr> (table row) and <td>
(table data (actually table cell or table column) elements. The intent of the table head <thead>,
table body <tbody>, and table foot <tfoot> elements was to allow the creation of a table
where the contents of the table could scroll while the table's header and footer remained in place.
Unfortunately, as of this writing, neither of the popular browsers (Internet Explorer and Firefox)
supports this feature.

Shown below is an example of the use of the <thead>, <tbody>, and <tfoot>
elements to divide a table into sections. It's a table of the mileage between various cities

Note that I used the bgcolor attribute in the <thead> and <tfoot> elements
to give them a light-blue background. In the <tfoot> I used the colspan attribute to
make the <tfoot>'s single cell span across the entire table, and I used the align
attribute to center the text in that cell.

This is keeping with the use of 100 percent html, no CSS (Cascading Style Sheets). However, if
you don't mind applying a few style rules, you can give your table a much nicer appearance as shown below.