Ћелије-наслови у табели у HTML-у

Поред ознака td постоје и ознаке th, које такође стварају ћелије. Али то већ неће бити обичне ћелије, већ ћеље-наслови, који указују шта се налази у датој колони (или реду) табеле. Подразумевано текст у таквим ћелијама th ће бити подебљан и постављен по центру.

Хајде да погледамо на примеру. Нека имамо овакву табелу са запосленима:

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>

Результат:

Као што видите, у првој колони се чува име запосленог, у другој колони - презиме, а у трећој - плата. Хајде да направимо још један ред на почетку табеле, у ком ћемо поставити наслове колона у ознакама 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>

Результат: