<tfoot> tag in HTML

← Previous Next →

The <tfoot> (table footer) tag is used to group footer content of an HTML table. The <tfoot> element can contain information about the columns of the table.

Important Description

• The <tfoot> element must have contain one or more <tr> elements.
• Open tag is required BUT close tag of <tfoot> optional.
• The <tfoot> element will not affect the layout of the table by default.

Example of <tfoot> tag

table, th, td { border: 1px solid black; } //-- HTML Table Start --// <table> //-- Table thead --// <thead> <tr> <th>Month</th> <th>Salary</th> <th>Monthly_Saving</th> </tr> </thead> //-- Table tbody --// <tbody> <tr> <td>January</td> <td>$1000</td> <td>$200</td> </tr> <tr> <td>February</td> <td>$1000</td> <td>$200</td> </tr> <tr> <td>March</td> <td>$1000</td> <td>$200</td> </tr> </tbody> //-- Table tfoot --// <tfoot> <tr> <td>Total_Salary</td> <td>$3000</td> <td>$600</td> </tr> </tfoot> </table>

Result Look Like

<tfoot> Tag Browser Support

Global Attributes

• The <tfoot> tag supports all the Global Attributes in HTML.

Event Attributes

• The <tfoot> tag supports all the Event Attributes in HTML.

Attributes

The "align", "charoff", and "valign" attributes are not supported in HTML5:

← Previous Next →