Заглавни клетки в таблица в HTML

Освен таговете td съществуват и тагове th, които също създават клетки. Но това вече няма да са обикновени клетки, а заглавни клетки, които указват какво се намира в дадената колона (или ред) на таблицата. По подразбиране текстът в такива клетки th ще бъде получер и подравнен в центъра.

Нека разгледаме пример. Да предположим, че имаме следната таблица със служители:

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

Както виждате, в първата колона се съхранява името на служителя, във втората колона - фамилията, а в третата - заплатата. Нека направим още един ред в началото на таблицата, в който ще поставим заглавията на колоните в тагове th:

html<table border="1" width="300">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: