Աղյուսակի վերնագրային բջիջները 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>

Результат: