Tabeli pealaleridade lahtrid HTML-is

Väljade <td kõrral on olemas ka sildid <th, mis loovad samuti lahtreid. Kuid need ei ole tavalised lahtrid, vaid <pealaleridade lahtrid, mis näitavad, mis asub antud tabeli veerus (või reas). Vaikimisi on tekst sellistes lahtrites <th rasvases kirjas ja keskele joondatud.

Vaatame näidet. Oletame, et meil on järgmine tabel töötajatega:

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>

Результат:

Nagu näete, sisaldab esimene veerg töötaja eesnime, teine veerg - perekonnanime, ja kolmas - palka. Teeme tabeli algusesse veel ühe rea, kuhu paigutame veergude pealkirjad siltides <th:

html<table border="1" width="300">
  <tr>
    <th>Nimi</th>
    <th>Perekonnanimi</th>
    <th>Palk</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>

Результат: