Celulele de antet în tabele în HTML

Pe lângă tagurile td există și tagurile th, care creează și ele celule. Dar acestea nu vor fi celule obișnuite, ci celule de antet, care indică ce se află în această coloană (sau rând) a tabelului. Implicit, textul din astfel de celule th va fi îngroșat și poziționat la centru.

Să ne uităm la un exemplu. Să presupunem că avem următorul tabel cu angajați:

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>

Результат:

După cum vedeți, în prima coloană este stocat numele angajatului, în a doua coloană - numele de familie, iar în a treia - salariul. Să mai facem un rând la începutul tabelului, în care vom plasa anteturile coloanelor în tagurile 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>

Результат: