Hurry! Try our new Interactive Courses for FREE. 🥳   🚀
  Signup/Sign In

HTML Tfoot Tag

In HTML, in order to group the footer content of a table <tfoot> tag is used.

  • The <tfoot> tag is one of the children of <table> tag and it is used in conjunction with <thead> and <tbody> tag.

  • The <tfoot> tag contains more than one <tr> tag inside it.

  • Also, this is a block-level element.

HTML <tfoot> Tag Syntax and Usage

The <tfoot> tag requires the start(opening) tag and end(closing) tag.

Following is the syntax for using the <tfoot> tag in your HTML code:

<table>
<table>
<thead>
...content
</thead>
<tbody>
...content
</tbody>
<tfoot>
..content
</tfoot>

HTML <tfoot> Tag Basic Example

Below we have a basic example showing how we use the HTML tfoot tag

HTML <tfoot> Tag Attributes

This element supports Global and Event attributes.

Default CSS Settings for HTML <tfoot> Tag

Given below are the default CSS settings used by most of the browsers:

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}

Browser Support for HTML <tfoot> Tag

Following browsers support this attribute:

  • Google Chrome 6.0+

  • Internet Explorer 9.0+

  • Firefox 4+

  • Opera 11.1+

  • Safari 5.0+