HTML <thead> Tag

Description:

The <thead> tag is used to group the header content in an HTML table.

The <thead> element should be used in conjunction with the <tbody> and <tfoot> elements.

The tbody element is used to group the body content in an HTML table and the tfoot element is used to group the footer content in an HTML table.

Example Code:
<table border = "1">
  <thead>
    <tr><td colspan="2">Table Header (thead)</td></tr>
  </thead>
  <tfoot>
    <tr><td colspan="2">Table Footer (tfoot)</td></tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
    </tr>
    <tr>
      <td>Cell 3</td>
      <td>Cell 4</td>
    </tr>
    <tr>
      <td>Cell 5</td>
      <td>Cell 6</td>
    </tr>
  </tbody>
</table>
Result:
Table Header (thead)
Table Footer (tfoot)
Cell 1 Cell 2
Cell 3 Cell 4
Cell 5 Cell 6
Attributes:
Attribute Definition
align Visual alignment.
Possible values:
  • left
  • center
  • right
  • justify
  • char
valign Vertical alignment.
Possible values:
  • top
  • middle
  • bottom
  • baseline
char Specifies a character to use for aligning text to. Used when align=char.
charoff Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char
Global Attributes:

The <thead> tag also supports the Global Attributes in HTML5

Event Attributes:

The <thead> tag also supports the Event Attributes in HTML5