From http://www.w3schools.com (Copyright Refsnes Data)

HTML <tfoot> tag

Example

An HTML table with a thead, tbody, and a tfoot element:

<table border="1">
<thead>
<tr>
    <th>Month</th>
      <th>Savings</th>
</tr>
</thead>
<tbody>
    <tr>
      <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
</tr>
</tbody>
<tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
</tfoot>
</table>

Try it yourself!

Definition and Usage

The <tfoot> tag is used to group the footer content in an HTML table.

The tfoot element should be used in conjunction with the thead and tbody elements.

The thead element is used to group the header content in an HTML table and the tbody element is used to group the body content in an HTML table.

Notice that these elements will not affect the layout of the table by default. However, you can use CSS to let these elements affect the table's layout.

Browser Support

The <tfoot> tag is only partially supported in all major browsers.

Differences Between HTML and XHTML

NONE

Optional Attributes

DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute	Value	Description	DTD
align	right left center justify char	Aligns the content inside the tfoot element	STF
char	character	Aligns the content inside the tfoot element to a character	STF
charoff	pixels %	Sets the number of characters the content inside the tfoot element will be aligned from the character specified by the char attribute	STF
valign	top middle bottom baseline	Vertical aligns the content inside the tfoot element	STF

Standard Attributes

id, class, title, style, dir, lang, xml:lang

For a full description, go to Standard Attributes.

Event Attributes

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

For a full description, go to Event Attributes.