Bunky-hlavičky v tabuľke v HTML

Okrem značiek td existujú aj značky th, ktoré tiež vytvárajú bunky. Ale už to nebudú obyčajné bunky, ale bunky-hlavičky, ktoré určujú, čo sa nachádza v danom stĺpci (alebo riadku) tabuľky. V predvolenom nastavení text v takýchto bunkách th bude tučný a umiestnený na stred.

Pozrime sa na príklad. Nech máme takúto tabuľku s pracovníkmi:

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>

Результат:

Ako vidíte, v prvom stĺpci je uložené meno pracovníka, v druhom stĺpci - priezvisko, a v treťom - plat. Urobme ešte jeden riadok na začiatku tabuľky, v ktorom umiestnime hlavičky stĺpcov v značkách th:

html<table border="1" width="300">
  <tr>
    <th>Meno</th>
    <th>Priezvisko</th>
    <th>Plat</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>

Результат: