thead

Published Jul 31, 2021Updated Sep 3, 2021
Contribute to Docs

Groups the header content in a table.

Syntax

<thead>
<!-- Takes in header content -->
</thead>

Note: The <thead> element is usually used along with <tbody> and <tfoot>. which provides useful semantic information.

Example

Grouping the header content in a table.

<table>
<!-- All header content will be inside the <thead> element -->
<thead>
<tr>
<th>Company</th>
<th>Phone</th>
</tr>
</thead>
<!-- All body content will be inside the <tbody> element -->
<tbody>
<tr>
<td>Apple</td>
<td>iPhone</td>
</tr>
<tr>
<td>Samsung</td>
<td>Galaxy</td>
</tr>
</tbody>
</table>
Company Phone
Apple iPhone
Samsung Galaxy

All contributors

Looking to contribute?

Learn HTML on Codecademy