HTML Table TH Tag Tutorial

An HTML table has two types of cells:

Header Cell

The table header cell is coded with the <th> tag. It contains header information which often reads like a label for a table column or table row. The content in the table header cell is rendered in bold and centered horizontally within the cell by the browser. Header cells are usually used across the top of a data table, down the left column of a data table, or both.

Data Cell

The table data cell is coded with the <td> tag. It contains the information you want to present in table format, and usually makes up the bulk of a table. The content in a table data cell is normal weight and left-aligned.

Here's a simple table:

<table border="1" cellpadding="3">
<tr>
<th>Book Title</th>
<th>Author</th>
<th>Rating</th>
</tr><tr>
<td>No Right or Wrong</td>
<td>Seymour Gray</td>
<td>7 of 10</td>
</tr><tr>
<td>Foreclosure!</td>
<td>Anita Newhhouse</td>
<td>8 of 10</td>
</tr><tr>
<td>Visual Learning</td>
<td>I.C. Howe</td>
<td>7 of 10</td>
</tr>
</table>

Here's how that displays:

Did you catch those book title/author combinations? I got a million of 'em!

Based on your interest in this tutorial you may also be interested in:

• HTML Table Tag Tutorial
• HTML Table TR Tutorial
• HTML Table TD Tutorial
• HTML Table Caption Tutorial
• HTML Col Tag Tutorial
• HTML Colgroup Tutorial
• HTML Colgroup Tutorial
• HTML thead Tutorial
• HTML tfoot Tutorial
• HTML tbody Tutorial