HTML Table Headers

<table>
  <tr>
    <td>Item</td>
    <th>Price</th>
  </tr>
</table>

These two cells sit in the same row and hold similar words, yet the browser treats them differently. "Item" in the <td> cell looks like any other text. "Price" in the <th> cell appears in bold and is centered in its cell. More importantly, the browser now knows that "Price" is a label for other cells, not a piece of data.

The <th> element ("table header") marks a header cell: a cell that names a column or a row. The <td> element marks a data cell: one value in the table