<thead></thead> tag HTML

Example

A simple <thead> tag that open PNLdev.com link:

<table>
<thead>
<tr>
 <th>HTML</th>
 <th>CSS</th>
</tr>
</thead>
<tbody>
<tr>
 <td>PHP</td>
 <td>PYTHON</td>
</tr>
<tr>
<td>JS</td>
<td>SQL</td>
</tr>
</tbody>
</table>

Laboratory

description & Usage

The <thead> tag is used to create a content grouping at the top of the <table> tag.

The <thead> tag is used together with the <tbody> tag and the <tfoot> tag to define the <table> parts such as header, body and footer.

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
<thead>

Global Attributes

The thead tag supports the HTML Global Attributes.

Event Attributes

The thead tag supports the HTML Event Attributes.

Default CSS

Most browsers will display the thead tag with the following default style:

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}