HTML Table, thead, tbody, tfoot

By Xah Lee. Date: . Last updated: .

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

Table with Caption

Use caption for table's caption.

table example
1,1 1,2 1,3
2,1 2,2 2,3

Here's 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

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.

cats dogs
7 6
Cats win!

Here's 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>

HTML Table Topic

  1. HTML Table Examples
  2. HTML Table, thead, tbody, tfoot
  3. HTML Table, colgroup, col
  4. Styling HTML Table with CSS
  5. CSS: 3 Columns Page Layout
  6. Pure CSS Table
Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

Patreon me $5. Ask me question on patreon