HTML <thead> elements is used to define header of an HTML table. The <thead> tag is used along with <tbody> and <tfoot> tags which defines table header, table body, and table footer in an HTML table.
The <thead> tag must be child of <table> element, and it must be used before any <tbody>, <tr>, or <tfoot> elements.
The <thead> tag must include a minimum of one row <tr> element nested within it.
Syntax
Example
<thead>
<tr>
</tr>
</thead>
Following are some details regarding the HTML <thead> tag:
| Display | Inline |
|---|---|
| Start tag/End tag | Start and End tag |
| Usage | Table header |
Example
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML thead Tag</title>
<style>
table{
border-collapse: collapse;
margin: 15px;}
thead{
background-color:#005cb9;}
tbody{
background-color: #d4caca;}
th,td{
padding: 12px;}
</style>
</head>
<body>
<h2>Example of thead tag</h2>
<table border="1">
<caption>Population of India</caption>
<thead>
<tr>
<th>Year</th>
<th>Population</th>
</tr>
</thead>
<tbody>
<tr>
<td>2015</td>
<td>1,309,053,980</td>
</tr>
<tr>
<td>2016</td>
<td>1,324,171,354</td>
</tr>
<tr>
<td>2017</td>
<td>1,339,180,127</td>
</tr>
<tr>
<td>2018</td>
<td>1,354,051,854</td>
</tr>
</tbody>
</table>
</body>
</html>
Output:
Attribute:
Tag-specific attributes:
| Attribute | Value | Description |
|---|---|---|
| align | rightleftcenterjustifychar | It determines the alignment of the content inside the <thead> element.(Not Supported in HTML5) |
char |
Character | It specifies the alignment of the content inside the <thead> element to the character.(Not Supported in HTML5) |
| charoff | Number | It specifies the number of characters the content that will be aligned from the character specified by the char attribute.(Not Supported in HTML5) |
| valign | topmiddlebottombaseline | It determines the vertical alignment of the content inside the <thead> element.(Not Supported in HTML5) |
Global attribute:
The <thead> element facilitates the Global attributes within HTML.
Event attribute:
The <thead> tag facilitates the utilization of Event attributes within HTML.
Supporting Browsers
| Element | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<thead> |
Yes | Yes | Yes | Yes | Yes |