Contents
HTML thead: Main Tips
- In an HTML table, the
thead
tag is used to group header content. - HTML
thead
tag goes inside the <table> element and has <tr> elements nested inside. - The
thead
HTML element is used together with <tbody> and <tfoot> to define parts of a table.
Creating HTML Table Headers
The thead
tag is used to define the top table row that contains the heads of the columns. In other words, it allows you to create HTML table headers:
<table border>
<thead>
<tr>
<td>Purchase</td>
<td>Price</td>
</tr>
</thead>
</table>
You can only skip the ending tag if a <tbody> or <tfoot> follows your HTML thead
element immediately.
Removed thead Tag Attributes
HTML thead
tag used to have a few tag-specific attributes. However, all of them have been deprecated in HTML4 and removed completely in HTML5. You can use CSS properties to achieve similar results.
align
defined the alignment of content for the <thead>
element:
<thead align="left">
Note: instead of align, use the CSS text-align property.
char
set the alignment of content inside the <thead>
according to the character specified:
<thead align="char" char="M">
charoff
set the number of characters for aligning the content after the character specified by the char
attribute:
<thead align="char" char="S" charoff="3">
valign
set all the content inside the <thead>
element to align vertically:
<thead valign="bottom">
Note: instead of valign, use the CSS vertical-align property.
Browser Support

Chrome

Edge

Firefox

IE

Opera

Safari
Mobile Browser Support

Chrome

Firefox

Opera

Safari
Latest Coupon Found:
TOP-RATED CODING COURSES
Learn the skills of tomorrow
The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!