HTML | tfoot Tag

The <tfoot> tag in HTML is used to give footer group of content. This tag is used in HTML table with header and body which is known as “thead” and “tbody”. <tfoot> tag is child tag of table and parent tag of <tr> and <td>.


// Table footer contents...

Attributes: The <tfoot> tag contains many attributes which are supported by HTML4.1 but not supported by HTML5.

  • align: Set the alignment the text content.
  • valign: It is used to set the vertically alignment of text content.
  • char: Aligns the content in a header cell to a character.
  • charoff: It is used to sets the number of characters that will be aligned from the character specified by the char attribute. The value of this attributes are in numeric form.


<!DOCTYPE html>
        <title>tfoot tag</title>
            h1 {
            tfoot {
            table, tbody, td {
                border: 1px solid black;
                border-collapse: collapse;
        <h2>tfoot Tag</h2>
        <table >
                    <th>User Id</th>
            <!-- tfoot tag starts from here -->
                    <td>Total user</td>
            <!-- tfoot tag ends here -->


Supported Browsers: The browser supported by <tfoot> tag are listed below:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera

This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment



load comments

Subscribe to Our Newsletter