HTML <th> tag

Updated: 11/13/2018 by Computer Hope

The HTML <th> tag is short for table head and used to designate a cell as a column header in a table. It is useful for storing information about a set of rows or columns. The following sections contain information about the <th> tag, including an example of it in use, and related attributes and browser compatibility.

Tip

More advanced tables may also include the <caption>, <col>, <colgroup>, <tbody>, <tfoot>, or <thead> elements.

Example of <th> code

<table class="mtable2 tab">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr class="tcw">
    <td>March</td>
    <td>$200</td>
  </tr>
  <tr class="tcw">
    <td>April</td>
    <td>$300</td>
  </tr>
  <tr class="tcw">
    <td>May</td>
    <td>$250</td>
  </tr>
</table>

Example result

Month	Savings
March	$200
April	$300
May	$250

We have added a few of our own classes to the table using CSS; this action allows us to improve its appearance.

Attributes

Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair; all tags support standard attributes. The following table shows all of the current unique HTML attributes for the <th> tag, and a description of each.

Attribute	Description
abbr	Designates an abbreviated version of the content within a header cell.
colspan	Designates how man columns a header cell should span.
headers	Designates one or more header cells that a certain cell has relation.
rowspan	Designates how man rows a header cell should span.
scope	Designates whether a header cell is a header for a column, row, or group of columns or rows.
sorted	Designates the sorting direction of a column.

Deprecated attributes

A deprecated attribute is one that may function currently but is not supported in going forward. While the attribute may work with the current version of HTML, it will eventually be phased out. It is better to avoid using these attributes to help future-proof your website.

Attribute	Description
align	Designates the alignment of content inside an element.
axis	Used to categorize header cells.
bgcolor	Designates the background color of a header cell.
char	Aligns the content in a header cell to a specific character.
charoff	Sets the number of characters to offset the content from the character designated by the char attribute.
height	Designates the height of a header cell.
nowrap	Designates that the content inside a header cell should not wrap.
valign	Alights the content in a header cell vertically.
width	Designates the width of a header cell.

Compatibility

Edge	Internet Explorer	Firefox	Safari	Opera	Chrome
All versions	All versions	All versions	All version	All versions	All versions

Browser, Cell, Class, Column, Compatibility, Computer abbreviations, Container tag, Format, Row, <table>, Table, <td>, <tr>, Web design terms