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.

Learn HTML on Codecademy

Edit this page on GitHub

Contributors