Qelizat-kokë në tabelë në HTML

Përveç etiketave td ekzistojnë gjithashtu etiketat th, të cilat gjithashtu krijojnë qeliza. Por këto nuk do të jenë më qeliza të zakonshme, por qeliza-kokë, të cilat tregojnë se çfarë ndodhet në këtë shtyllë (ose rresht) të tabelës. Si parazgjedhje teksti në qeliza të tilla th do të jetë i trashë dhe i vendosur në qendër.

Le të shohim një shembull. Le të themi se kemi këtë tabelë me punonjës:

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>

Результат:

Siç e shihni, në shtyllën e parë ruhet emri i punonjësit, në shtyllën e dytë - mbiemri, ndërsa në të tretën - paga. Le të bëjmë edhe një rresht në fillim të tabelës, ku do të vendosim kokat e shtyllave në etiketat 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>

Результат: