HTML <tbody> tag

HTML <tbody> tag is used to group the table rows (<tr>) together, which indicates that this is body part of a table (<table>).

The <tbody> tag must be a child of <table> element.

The <tbody> is used along with <thead> and <tfoot> which shows the different part of the table that are table head, table body, and table footer, however, it does not affect the layout of the table.

These elements can be used for providing semantic information which can be helpful in accessibility purpose, or rendering the header at top and footer at the bottom while printing a large table.

Tips: The <tbody> tag must contain one or more <tr> elements.

Syntax

Following are some specifications about the HTML <tbody> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Table body

Example

<!DOCTYPE html>
<html>
<head>
	<title>HTML tbody tag</title>
	<style>
		body{
		margin-left: 195px;"
		}
	</style>
</head>
<body>
 <h2>Example of the tbody tag</h2>
 <table border="1" bgcolor="#98f5ff">
   <thead>
   	   <tr>
   	   	<th>EmpId</th>
   	   	<th>Name</th>
   	   	<th>Email-Id</th> 	
   	   </tr>
   </thead>
 <tbody>
      <tr>
      	<td>121</td>
      	<td>John</td>
      	<td>john123@gmail.com</td>
      </tr>

      <tr>
      	<td>122</td>
      	<td>William </td>
      	<td>william56@gmail.com</td>
      </tr>

      <tr>
      	<td>123</td>
      	<td>Amit</td>
      	<td>amitk98@gmail.com</td>
      </tr>	
   </tbody>
</table>
</body>
</html>

Test it Now

Output:

Attribute:

Tag-specific attributes:

Attribute	Value	Description
align	right left center justify char	It determines the alignment of the content inside the <tbody> element. (Not Supported in HTML5)
char	character	It specifies the alignment of the <tbody> content to the character. (Not Supported in HTML5)
charoff	Number	It specifies the number of characters the content will be aligned from the character specified by the char attribute. (Not Supported in HTML5)
valign	top middle bottom baseline	It determines the vertical alignment of the content inside the <tbody> element. (Not Supported in HTML5)