Description:

The <tfoot> tag is used to group the footer content in an HTML table.

The <tfoot> element should be used in conjunction with the <thead> and <tbody> elements.

The thead element is used to group the header content in an HTML table and the tbody element is used to group the body content in an HTML table.

Example Code:
<table border = "1">
  <thead>
    <tr><td colspan="2">Table Header (thead)</td></tr>
  </thead>
  <tfoot>
    <tr><td colspan="2">Table Footer (tfoot)</td></tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
    </tr>
    <tr>
      <td>Cell 3</td>
      <td>Cell 4</td>
    </tr>
    <tr>
      <td>Cell 5</td>
      <td>Cell 6</td>
    </tr>
  </tbody>
</table>
Result:
Table Header (thead)
Table Footer (tfoot)
Cell 1 Cell 2
Cell 3 Cell 4
Cell 5 Cell 6
Attributes:
Attribute Definition
align Visual alignment.
Possible values:
  • left
  • center
  • right
  • justify
  • char
valign Vertical alignment.
Possible values:
  • top
  • middle
  • bottom
  • baseline
char Specifies a character to use for aligning text to. Used when align=char.
charoff Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char
Global Attributes:

The <tfoot> tag also supports the Global Attributes in HTML5

Event Attributes:

The <tfoot> tag also supports the Event Attributes in HTML5



Last updated on 2 August 2018 By Rene Spronk

View All HTML Tags

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.