HTML tbody 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 <tbody> tag is used to group the body content in an HTML table.
The tbody element should be used in conjunction with the thead and tfoot elements.
The thead element is used to group the header content in an HTML table and the tfoot element is used to group the footer 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 <tbody> 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 tbody element STF
char character Aligns the content inside the tbody element to a character STF
charoff pixels
%
Sets the number of characters the content inside the tbody element will be aligned from the character specified by the char attribute STF
valign top
middle
bottom
baseline
Vertical aligns the content inside the tbody 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