Làm thế nào để đặt tiêu đề ngang cho một bảng?

Các bảng trong HTML có thể có tiêu đề ngang cũng như dọc. Đối với tiêu đề ngang, bạn cần đặt tất cả bên trong một thẻ , tức là hàng, đó sẽ là hàng trên cùng.

Ví dụ

Bạn có thể thử chạy mã sau để đặt tiêu đề ngang cho bảng

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

Đầu ra

Làm thế nào để đặt tiêu đề ngang cho một bảng?