html tutorial - <tfoot> Table footer tag in HTML - html5 - html code - html form



tablefooter tfooter tag in html

Learn html - html tutorial - tablefooter tfooter tag in html - html examples - html programs

  • The <tfoot> tag is used to grouping the footer content in an HTML table.
  • The <tfoot> tag supports Global Attributes and Event Attributes.

Syntax for <tfoot> tag in HTML:

<tfoot>content</tfoot>

Differences between HTML 4.01 and HTML 5 for <tfoot> tag:

HTML 4.0.1

  • The attributes of <tfoot> tags are align, char, charoff, valign are supported in HTML 4.01.

HTML 5

  • All Layout attributes are removed.

Sample Coding for <tfoot> tag:

Tryit<!DOCTYPE html>
<html >
    <body>
        <table border=1>
        <thead>
            <tr>
                <th>Wikitechy</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>HTML</td>
                <td>CSS</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>Copyright:wikitechy.com</th>
            </tr>
        </tfoot>
        </table>
    </body>
</html>

Code Explanation for <tfoot> tag:

Table Footer <tfoot> Tag Code Explanation

  1. <tfoot> tag- is used to define the footer of the table.
  2. Copyright:wikitechy.com is declared inside the table footer.

Output for <tfoot> tag:

Table Footer <tfoot> Tag Output

  1. The statement Copyright:wikitechy.com indicates the table footer.

Attributes of <tfoot> tag:

Attribute Value HTML 4 HTML5 Description
align left
right
center
justify
char
Yes No Provides the alignment of the content inside the <tfoot> element.
valign top
middle
bottom
baseline
Yes No Describes the alignment of the <tfoot> element content in vertical.
char character Yes No Defines the <tfoot> element content alignment related to a character.
charoff number Yes No Provides the number of characters in <tfoot> element.

Browser Support for <tfoot> tag:

Yes Yes Yes Yes Yes

Tips and Notes

  • Inside the <tfoot> element we can define any number of <tr> tags.
  • The <thead>,<tbody> and <tfoot> elements should not affect the layout of the table.

Related Searches to table footer tag in html