เซลล์ส่วนหัวในตาราง HTML
นอกจากแท็ก td แล้ว ยังมีแท็ก
th ซึ่งใช้สร้างเซลล์เช่นกัน
แต่นี่จะไม่ใช่เซลล์ธรรมดา แต่เป็น เซลล์ส่วนหัว
ซึ่งระบุว่าอะไรอยู่ใน
คอลัมน์ (หรือแถว) ของตารางนั้น โดยค่าเริ่มต้น
ข้อความในเซลล์ th ดังกล่าวจะเป็นตัวหนา
และจัดวางอยู่ตรงกลาง
มาดูตัวอย่างกัน สมมติว่าเรามี ตารางพนักงานแบบนี้:
<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:
<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>
:
ทำตามตัวอย่างด้านล่างนี้:
