Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách thiết lập tiêu đề ngang (horizontal header) cho bảng?

Bảng trong HTML có thể có tiêu đề ngang (horizontal) và dọc (vertical). Đối với tiêu đề ngang, bạn cần đặt tất cả <th> bên trong một <tr> duy nhất (một hàng), hàng đó sẽ là hàng trên cùng.

Cách thiết lập tiêu đề ngang (horizontal header) cho bảng?

Ví dụ

Chạy mã sau để thiết lập 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>

Kết quả

Cách thiết lập tiêu đề ngang (horizontal header) cho bảng?