Galvenes šūnas tabulā HTML

Papildus tagiem td pastāv arī tagi th, kas arī veido šūnas. Bet tās vairs nebūs parastās šūnas, bet galvenes šūnas, kas norāda, kas atrodas dotajā tabulas kolonnā (vai rindā). Pēc noklusējuma teksts šādās šūnās th būs treknrakstā un centrēts.

Apskatīsim piemērā. Pieņemsim, ka mums ir šāda darbinieku tabula:

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>

Результат:

Kā redzat, pirmajā kolonnā glabājas darbinieka vārds, otrajā kolonnā - uzvārds, un trešajā - alga. Izveidosim vēl vienu rindu tabulas sākumā, kurā ievietosim kolonnu galvenes tagos th:

html<table border="1" width="300">
  <tr>
    <th>Vārds</th>
    <th>Uzvārds</th>
    <th>Alga</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>

Результат: