HTML thead Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML <thead> tag is used for adding a header to a table.

The thead tag is used in conjunction with the <tbody> tag and the <tfoot> tag in determining each part of the table (header, footer, body). Browsers can use this information to enable scrolling of the table body independently of the header and footer - particuarly useful for large tables.

Also, when printing a large table that spans multiple pages, this information can enable the table header and footer to be printed at the top and bottom of each page.

Also see the <table> tag.

Example
<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 - part of tbody</td>
<td>Cell 2 - part of tbody</td>
</tr>
<tr>
<td>Cell 3 - part of tbody</td>
<td>Cell 4 - part of tbody</td>
</tr>
<tr>
<td>Cell 5 - part of tbody</td>
<td>Cell 6 - part of tbody</td>
</tr>
</tbody>
</table>
Attributes:
Attributes specific to this tag:
None 
Other Attributes:
AttributeDescription
alignVisual alignment. Possible values:
  • left
  • center
  • right
  • justify
  • char
valignVertical alignment. Possible values:
  • top
  • middle
  • bottom
  • baseline
charSpecifies a character to use for aligning text to. Used when align=char.
charoffSpecifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char
dirSpecifies the direction of the text
classDocument wide identifier.
idDocument wide identifier
langLanguage code
titleSpecifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip").
styleInline style (CSS)
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself!


Also see the HTML 5 version of HTML tags

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
Webydo Banner Ad
Webydo Banner Ad