HTML Tag Reference - HTML tag <tbody>
The <table> element can be sectioned into three horizontal parts:
<thead>, <tbody>, and <tfoot>.
<thead>contains the rows at the head of the<table>.<tbody>contains the rows in the body of the<table>.<tfoot>contains the rows at the foot of the<table>.
Using <thead>, <tbody>,
and <tfoot> elements with the <table>
element tells browsers
the breakdown of the sections and allows you to apply different styles to the heading, body, and
footer.
Browser compatibility
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
<tbody> |
Yes | Yes | Yes | Yes | Yes |
What's new in HTML5
All attributes are deprecated in HTML5.
Attribute
| Attribute | Value | Description |
|---|---|---|
| align | right left center justify char |
Not supported in HTML5. Aligns the content inside the <tbody> element |
| char | character | Not supported in HTML5. Aligns the content inside the <tbody> element to a character |
| charoff | number | Not supported in HTML5. Sets the length of characters the tbody content will be aligned from the character in the char attribute |
| valign | top middle bottom baseline |
Not supported in HTML5. Vertical aligns the content |
Global Attributes
The <tbody> tag supports the Global Attributes in HTML.
Event Attributes
The <tbody> tag supports the Event Attributes in HTML.
Default CSS Settings
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
Example
A demo showing how to use <tbody> tag.
<html>
<body>
<table>
<thead>
<td>This cell is in the thead rows group.</td>
<td>This cell is in the thead rows group.</td>
<td>This cell is in the thead rows group.</td>
</thead>
<tbody>
<tr>
<td>This cell is in the tbody rows group.</td>
<td>This cell is in the tbody rows group.</td>
<td>This cell is in the tbody rows group.</td>
</tr>
<tr>
<td>This cell is in the tbody rows group.</td>
<td>This cell is in the tbody rows group.</td>
<td>This cell is in the tbody rows group.</td>
</tr>
</tbody>
<tfoot>
<td>This cell is in the tfoot rows group.</td>
<td>This cell is in the tfoot rows group.</td>
<td>This cell is in the tfoot rows group.</td>
</tfoot>
</table>
</body><!--from w w w. java 2s.co m-->
</html>