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 |
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn HTML on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Career path
Full-Stack Engineer
A full-stack engineer can get a project done from start to finish, back-end to front-end.Includes 51 CoursesWith Professional CertificationBeginner Friendly150 hours - Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner Friendly7 hours