Naslovne ćelije u tabeli u HTML-u

Pored tagova td postoje i tagovi th, koji takođe kreiraju ćelije. Ali ovo neće biti obične ćelije, već naslovne ćelije, koje pokazuju šta se nalazi u datoj koloni (ili redu) tabele. Podrazumevano tekst u takvim ćelijama th biće podebljan i postavljen u centar.

Pogledajmo na primeru. Neka imamo ovakvu tabelu sa radnicima:

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>

Результат:

Kao što vidite, u prvoj koloni se čuva ime radnika, u drugoj koloni - prezime, a u trećoj - plata. Hajde da napravimo još jedan red na početku tabele, u kome ćemo smestiti naslove kolona u tagovima th:

html<table border="1" width="300">
  <tr>
    <th>Ime</th>
    <th>Prezime</th>
    <th>Plata</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>

Результат: