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.

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>

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

This element supports Global and Event attributes.

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

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

Following browsers support this attribute:

• Google Chrome 6.0+
• Internet Explorer 9.0+
• Firefox 4+
• Opera 11.1+
• Safari 5.0+