HTML thead

Anonymous contributor's avatar
Anonymous contributor
Published Jul 31, 2021Updated Sep 3, 2021
Contribute to Docs

Groups the header content in a table.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours

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

Contribute to Docs

Learn HTML on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours