The HTML <tfoot> tag is used in adding a footer to a table. The tfoot tag is used in conjunction with the tbody tag and the thead tag in determining each part of the table (header, footer, body).
<!DOCTYPE html>
<html>
<head>
<title>HTML tfoot Tag</title>
</head>
<body>
<table style="width:100%" border="1">
<thead>
<tr>
<td colspan="4">This is the head of the table</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4">This is the foot of the table</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
...more rows here containing four cells...
</tr>
</tbody>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
...more rows here containing four cells...
</tr>
</tbody>
</table>
</body>
</html>
This will produce following result:
...more rows here containing four cells... ...more rows here containing four cells...
This is the head of the table | |||
This is the foot of the table | |||
Cell 1 | Cell 2 | Cell 3 | Cell 4 |
Cell 1 | Cell 2 | Cell 3 | Cell 4 |
The HTML <tfoot> tag also supports following additional attributes:
Attribute | Value | Description |
---|---|---|
align | right left center justify char |
Deprecated-Visual alignment. |
char | character | Deprecated-Specifies which character to align text on. Used when align="char" |
charoff | pixels or % | Deprecated-Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align="char" |
valign | top middle bottom baseline |
Deprecated-Vertical alignment. |