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>