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>

Результат: