เซลล์ส่วนหัวในตาราง 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>

Результат: