HTML Thead Tag

IN HTML, the <thead> tag is used to define the head of the columns of a given table.

• The <thead> tag is used along with <tbody> and <tfoot> tags.
• The <thead> is another children of <table> tag; it comes after <caption> and <table> tag and before <tbody>,<tfoot> tag.
• For the styling of <thead> CSS must be used.

The <thead> tag requires the start(opening) tag and end(closing) tag.

Following is the syntax for using the <thead> tag in your HTML code.

<table>
<thead>
...content here
</thead>

<tbody>
..content here
</tbody>

</table>

Below we have a basic example showing how we use the HTML <thead> tag.

This element supports Global and Event attributes.

Given below are the default CSS settings used by most browsers.

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

Following browsers support this attribute:

• Google Chrome 6.0+
• Internet Explorer 9.0+
• Opera 11.1+
• Safari 5.0+