Vichanga vye Kichwa kwenye Jedwali kwa HTML

Kando na vitambulisho td kuna pia vitambulisho th, ambavyo pia huunda seli. Lakini hizi hazitakuwa seli za kawaida, bali vichanga-vichwa, ambavyo vinaonyesha kile kilicho ndani ya safu wima (au safu mlalo) ya jedwali. Kwa default maandishi katika seli kama hizo th yatakuwa ya bold na yamepangwa katikati.

Wacha tuangalie kwa mfano. Hebu tuseme tuna jedwali kama hili la wafanyikazi:

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>

Результат:

Kama unavyoona, katika safu wima ya kwanza imehifadhiwa jina la mfanyikazi, katika safu wima ya pili - jina la ukoo, na katika ya tatu - mshahara. Hebu tufanye safu mlalo nyingine mwanzoni mwa jedwali, ambayo tutaweka vichwa vya safu wima kwenye vitambulisho th:

html<table border="1" width="300">
  <tr>
    <th>Jina</th>
    <th>Ukoo</th>
    <th>Mshahara</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>

Результат: