HTML: Table, caption, thead, tbody, tfoot

HTML table tags: caption, thead, tbody, tfoot

caption

Table caption

thead

Table header.

tfoot

Table footer

tbody

Table body

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>