วิธีการตั้งค่าส่วนหัวแนวนอนสำหรับตาราง?

ตารางใน HTML สามารถมีส่วนหัวแนวนอนและแนวตั้งได้ สำหรับส่วนหัวแนวนอน คุณต้องตั้งค่า ทั้งหมดภายในแท็ก เดียว เช่น แถวที่จะอยู่ด้านบนสุด

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าส่วนหัวแนวนอนสำหรับตาราง

<!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>

ผลลัพธ์

วิธีการตั้งค่าส่วนหัวแนวนอนสำหรับตาราง?