tfoot

Groups the footer content in a table.

Syntax

<tfoot>
<!-- Takes in footer content -->
</tfoot>

Note: The <tfoot> element is usually used along with <tbody> and <thead>. which provides useful semantic information.

Example 1

Grouping the footer content in an HTML table.

<table>
<thead>
<tr>
<th>Items</th>
<th>Cost</th>
</tr>
</thead>
<tbody>
<tr>
<td>Model 3</td>
<td>50,000</td>
</tr>
<tr>
<td>1 giant rubber debugging duck</td>
<td>10,000</td>
</tr>
</tbody>
<!-- All footer content will be inside the <tfoot> element -->
<tfoot>
<tr>
<td>Total</td>
<td>60,000</td>
</tr>
</tfoot>
</table>
Items Cost
Model 3 $50,000
1 giant rubber debugging duck $10,000
Total $60,000
Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback form.

Learn HTML on Codecademy

Edit this page on GitHub

Contributors