HTML <tfoot> tag
This <tfoot> tag groups the footer content in the table and you must code it inside its parent (inside a <table> tag).
This tag is set between the <thead> and the <tbody> tags.
Syntax:
<tfoot>table elements</tfoot>
Example
<table> <thead> <tr> <th>BIG DATA </th> <th>DIGITAL MARKETING</th> <th>MAINFRAME </th> </tr> </thead> <tfoot> <tr> <td>40,000</td> <td>25,000</td> <td>60,000</td> </tr> </tfoot> <tbody> <tr> <td>Spark</td> <td>SEO</td> <td>COBOL</td> </tr> <tr> <td>Scala</td> <td>Social Media</td> <td>DB2</td> </tr> </tbody> </table>
Difference between HTML4.01, XHTML and HTML5
HTML4 | XHTML | HTML5 |
---|---|---|
No difference | No difference | All the attributes of the <tfoot> tag are deprecated in HTML5. |
Attributes used with <tfoot> tag
Attribute | Description |
---|---|
align | Aligns the content of this tag to either left, right, center, justify or char. (HTML5 does not support this attribute when it is used with the <tfoot> tag). |
bgcolor | Describes Background color of the elements inside this tag. (HTML5 does not support this attribute when it is used with the <tfoot> tag). |
char | Sets the alignment of the content inside the <tfoot> to a character. The default value of char is decimal-point character. (HTML5 does not support this attribute with this tag). |
charoff | Sets the character offset i.e. the number of characters inside the <tfoot> tag to which the content will align from a particular specified character. (HTML5 does not support this attribute with this tag). |
valign | To align the content of the <tfoot> vertically at top, bottomp, middle, or baseline. (HTML5 does not support this attribute). |
Global Attributes
The <tfoot> tag supports Global attributes.
Event Attributes
The <tfoot> tag supports Event attributes.
Supporting Browsers
Default CSS Values
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
Related Tags
<table>, <tr>, <td>, <th>, <caption>, <thead>, <colgroup> and <col> tags.