HTML: Table, thead, tbody, tfoot

This page shows examples HTML table example with {caption, thead, tbody, tfoot} tags.

Table with Caption

Use caption for table's caption.

Here is the source code:

<table border="1">
<caption>table example</caption>
<tr>
<td>1,1</td>
<td>1,2</td>
<td>1,3</td>
</tr>

<tr>
<td>2,1</td>
<td>2,2</td>
<td>2,3</td>
</tr>
</table>

Table with {thead, tbody, tfoot, th} Tags

• thead is used to enclose a group of rows in a table as a header.
• tfoot is used to enclose a group of rows in a table as a footer, such as last row for summary.
• tbody is for main body of the table.

The {thead, tbody, tfoot} do not have any default rendering. (use CSS for that)

When using thead or tfoot, you can use th instead of td, which will make it bold.

Here is the source code:

<table border="1">
<thead>
<tr>
<th>cats</th>
<th>dogs</th>
</tr>
</thead>

<tbody>
<tr>
<td>7</td>
<td>6</td>
</tr>
</tbody>

<tfoot>
<tr>
<th colspan="2">Cats win!</th>
</tr>
</tfoot>

</table>