In this section, we will learn what HTML <tfoot> element is and how to use it.

HTML Table Footer: What is <tfoot> Tag in HTML?

HTML <tfoot> element is considered a container element and is used in the body of HTML <table> element to group the footer row/s of that table.

This <tfoot> element could then be used in other languages like CSS or JavaScript to apply or modify the style of the elements in the group as a whole or access the elements of the group to apply other sorts of modifications as needed.

HTML <tfoot> Tag Syntax:

<tfoot> value </tfoot>

Example: using <tfoot> tag in HTML

See the Pen using <tfoot> tag in HTML by Omid Dehghan (@odehghan) on CodePen.

In this example, the footer of the table has one row and in that row there’s only one cell.