HTML <tbody> Tag

Description

The <tbody> HTML element is designed to store one or more rows of the table. This allows you to create structural blocks to which you can apply a single design through styles, as well as control their appearance through scripts.
It is allowed to apply several <tbody> elements inside the <table> container. Other types of line groupings are available - <tfoot> and <thead>, none of them should overlap with the <tbody> element.

Properties

Permitted Parents
Within the required parent <table> element, the <tbody> element can be added after a <caption>, <colgroup>, and a <thead> element
Content
<tr>
Start/End Tags
Start tag: required, End tag: required

Example

<table border = "1">
<thead>
<tr><td colspan="2">Table Header (thead)</td></tr>
</thead>
<tfoot>
<tr><td colspan="2">Table Footer (tfoot)</td></tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>

Attributes

Attribute Definition
align Visual alignment.
Possible values:
  • left
  • center
  • right
  • justify
  • char
valign Vertical alignment.
Possible values:
  • top
  • middle
  • bottom
  • baseline
char Specifies a character to use for aligning text to. Used when align=char.
charoff Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char

Global Attributes

The <tbody> tag also supports the Global Attributes in HTML5

Event Attributes

The <tbody> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
YesYes11YesYes
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
YesYes4YesYesYes

Last updated by CSSPortal on: 6th December 2019