หัวตารางแนวนอน (Horizontal Header) คือการวาง <th> ทั้งหมดใน <tr> แถวเดียว ที่เป็นแถวบนสุดของตาราง
โครงสร้าง
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Technology</th>
</tr>
<tr>
<td>Amit</td>
<td>27</td>
<td>Database</td>
</tr>
<tr>
<td>Sachin</td>
<td>34</td>
<td>Marketing</td>
</tr>
</table>
ตัวอย่างเต็มพร้อมสไตล์
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Employee Details</h1>
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Technology</th>
</tr>
<tr>
<td>Amit</td>
<td>27</td>
<td>Database</td>
</tr>
<tr>
<td>Sachin</td>
<td>34</td>
<td>Marketing</td>
</tr>
</table>
</body>
</html>
หมายเหตุ
<th>จะแสดงตัวหนา (bold) และจัดกึ่งกลางโดยค่าเริ่มต้น- สำหรับ Vertical Header (หัวแนวตั้ง) ให้วาง
<th>ในแต่ละแถวแทน - ควรใช้
<thead>,<tbody>สำหรับ semantic structure
