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>


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 StandardAttributes.

Event Attributes

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

For a full description, go to Event Attributes.
Share this article :
 
Copyright © 2012. Best Online Tutorials | Source codes | Programming Languages - All Rights Reserved