HTML tfoot Tag
The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.
The HTML <tfoot> tag is used for 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). Browsers can use this information to enable scrolling of the table body independently of the header and footer - particuarly useful for large tables.
Also, when printing a large table that spans multiple pages, this information can enable the table header and footer to be printed at the top and bottom of each page.
Note that you need to declare the footer at the top of the table, before the tbody, so that the browser/user agent can process it first prior to all the tbody data.
Also see the <table> tag.
| Example |
<table border = "1">
<thead>
<tr> <td colspan="2">Table Header (thead)</td></tr>
</thead>
<tfoot>
<tr> <td colspan="2">Table Footer (tfoot)</td></tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1 - part of tbody</td>
<td>Cell 2 - part of tbody</td>
</tr>
<tr>
<td>Cell 3 - part of tbody</td>
<td>Cell 4 - part of tbody</td>
</tr>
<tr>
<td>Cell 5 - part of tbody</td>
<td>Cell 6 - part of tbody</td>
</tr>
</tbody>
</table>
|
| Attributes: |
| Attributes specific to this tag: |
| None | |
| Other Attributes: |
| Attribute | Description |
| align | Visual alignment. Possible values: - left
- center
- right
- justify
- char
|
| valign | Vertical alignment. Possible values: |
| char | Specifies a character to use for aligning text to. Used when align=char. |
| charoff | Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char |
| dir | Specifies the direction of the text |
| class | Document wide identifier. |
| id | Document wide identifier |
| lang | Language code |
| title | Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). |
| style | Inline style (CSS) |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
|
| Try it yourself! |
|
Also see the HTML 5 version of HTML tags
Enjoy this page?
-
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!