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>

Результат: