HTML tfoot tag and element

Last update on August 19 2022 21:51:13 (UTC/GMT +8 hours)

HTML tfoot element

1. HTML tfoot (table footer) element defines footer of an HTML table. Table footer can contain information about the columns of the table.

2. A table footer starts with <tfoot> tag and ends with </tfoot> tag.

Syntax

 <tfoot>
</tfoot>

Whether both start and end tags are required

The start tag is required but end tag is optional.

Can contain

HTML tfoot element can contain One or more tr elements

Can reside within

HTML tfoot element can reside within a table element.

Attributes

Identifiers

id, class.

language information and text direction

lang, dir.

Title

Title.

Style

Style.

Events

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

Cell alignment

align, char and charoff attributes.

Supported doctypes

HTML 4.01 Strict, HTML 4.01 Transitional, and HTML 4.01 Frameset.

Example of using HTML tfoot element

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>html tfoot tag example</title>
</head>
<body>
<table border="1">
<thead>
<tr> 
<th>Student code </th>
<th>% of marks </th>
</tr>
</thead>
<tfoot>
<tr>
<td>Average</td>
<td>83</td>
</tr>
</tfoot>
<tr> 
<td>S001</td>
<td>85</td>
</tr>
<tr> 
<td>S002</td>
<td>86</td>
</tr>
<tr> 
<td>S003</td>
<td>72</td>
</tr>
<tr> 
<td>S004</td>
<td>89</td>
</tr>
</table>
</body>
</html>

Result

View this example in a separate browser window

HTML tfoot tag example.

Pictorial presentation

Previous: HTML thead tag and element
Next: HTML tbody tag and element