HTML <th> tag
When writing in HTML, the <th> tag is used to designate a cell that is a header for a group of cells within 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, as well as related attributes and browser compatibility.
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, as well as 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 to which 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, Format, Row, <table>, Table, <td>, <tr>, Web design terms