HTML Thead Tag

Reference on the Thead element of HTML, including its useful example, a Tutorial of its use, and a list of allowed attributes.

The thead element, is used inside table elements, together with tfoot, and tbody, to group a table into sections. Usage of these elements, allow browsers to scroll the tbody, of otherwise potentially huge tables.

This element should be placed inside a table element.

This element must contain at least one table row.

This element should be placed first, followed by tfoot, followed by one or more tbody elements.

Attributes

Attribute:Value:Description:
AttrsOther AttributesCommon, Event, I18n
cellhalignleft|center|right|justify|charhorizontal alignment in cells
cellvaligntop|middle|bottom|baselinevertical alignment in cells

Example

<table>
<thead>
  <tr>
   <td>Team</td>
   <td>Project</td>
   <td>Finished</td>
  </tr>
</thead>
<tfoot>
  <tr>
   <td>Totals:</td>
   <td>1</td>
   <td>of 3</td>
  </tr>
</tfoot>

</tbody>
  <tr>
   <td>Brugbart Webdesign</td>
   <td>MySQL and PHP</td>
   <td>no</td>
  </tr>
  <tr>
   <td>Jacob Kristensen</td>
   <td>HTML and CSS layout</td>
   <td>Yes</td>
  </tr>
  <tr>
   <td>Jacob Kristensen</td>
   <td>Search engine optimization</td>
   <td>no</td>
  </tr>
</tbody>
</table>

Brugbart Vision!

Post comment

Links that you insert are not nofollowed, but will be removed by admins if they are considered spam.

[url=Absolute URL for page]TITLE[/url]

You should insert code boxes around code examples, which will be automatically syntax highlighted.

[code1 html|css|javascript|php|sql]Your Code Here[/code1]

You may want to read our Privacy Policy before submitting your comment.