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
None
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
The following table will show you the current browser support for the HTML <tbody>
tag.
Desktop | |||||
12 | 1 | 1 | 12.1 | 1 |
Tablets / Mobile | |||||
18 | 4 | 12.1 | 1 | 1 | 4.4 |
Last updated by CSSPortal on: 30th March 2024