tfoot

Form

<tfoot> ... </tfoot>

Attributes

attribute default description
id none specifies the unique ID
class none specifies the style sheet class
style none specifies the style sheet
bgcolor none specifies the background color
background none specifies the background image
align left specifies the horizontal alignment of content in the table footer cell
valign none specifies the vertical alignment of content in the table footer cell

Support

HTML 4.01 [STF], XHTML 1.0 [STF], XHTML 1.1
Microsoft (MSDN)
[IE4 or later][Firefox 1 or later][Safari 1 or later][Opera 6 or later][Netscape 6 or later]

Explanation

The tfoot tag specifies a footer in a table. Use the <thead> for a header.

Related Tags

table, tbody, td_, th_, thead, tr_

Sample Code [Output]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
</head>
<body>
<h1>Sample</h1>
<table border="1">
<caption>Order Quantity for Apple</caption>
<thead>
<tr><th>Brand</th><th>Quantity</th><th>Amount</th></tr>
</thead>
<tbody>
<tr><td>TUGARU</td><td>2</td><td>300 yen</td></tr>
<tr><td>FUJI</td><td>10</td><td>2500 yen</td></tr>
</tbody>
<tfoot>
<tr><td>Total</td><td>12</td><td>2800 yen</td></tr>
</tfoot>
</table>
</body>
</html>