The HTML Elements reference

"tfoot" - html element

  • This element is used to define the foot section in a table.
  • Starttag <tfoot> is Required and endtag </tfoot> is Optional
  • Table rows may be grouped into a head, foot, and body sections.
  • Each row group must contain at least one row, defined by the 'tr' element.
  • Browsers that support the tfoot - element : Internet Explorer Mozilla Firefox Opera Google Chrome Apple Safari
Element "tfoot" example:
<html>
  <head>
    <title>thead, tbody and tfoot element example</title>
  </head>
  <body>
    <table width="300" border="8" cellspacing="5"
           cellpadding="5" align="center">
      <thead style="color:blue" align="center">
      <td>Amount</td><td>Description</td>
      <td>Unit Price</td><td>Price</td>
    </thead>
    <tbody>
      <tr><td align="center">2</td><td>Bread.</td>
          <td align="right">4.0</td><td align="right">8.00</td></tr>
      <tr><td align="center">6</td><td>Beer.</td>
          <td align="right">1.5</td><td align="right">9.00</td></tr>
      <tr><td align="center">1</td><td>Butter.</td>
          <td align="right">3.0</td><td align="right">3.00</td></tr>
    </tbody>
    <tfoot style="color:red" align="right">
      <tr><td></td><td>Summary:</td>
          <td align="right"></td><td align="right">20.00</td></tr>
    </tfoot>
  </table>
</body>
</html>


Attributes:
align (deprecated), char , charoff , class , dir , id , lang , style , title , valign

Attribute "align" value(s): depend on which element left, center, right, justify or char
  • Specifies the horizontal alignment of its element with respect to the surrounding context. Specifies the alignment of data and the justification of text in a cell.
  • You should use styles (CSS) instead.
Possible attribute, align, values for this element:
Attribute value description
left Left-flush data/Left-justify text. This is the default value for table data.
center Center data/Center-justify text. This is the default value for table headers.
right Right-flush data/Right-justify text.
justify Double-justify text.
char Align text around a specific character. If a user agent doesn't support character alignment, behavior in the presence of this value is unspecified.



© 2010 by Finnesand Data. All rights reserved.
This site aims to provide FREE programming training and technics.
Finnesand Data as site owner gives no warranty for the correctness in the pages or source codes.
The risk of using this web-site pages or any program codes from this website is entirely at the individual user.