Computer >> Máy Tính >  >> Lập trình >> HTML

Trong HTML làm thế nào để tạo tiêu đề bảng?


Sử dụng thẻ trong HTML để tạo tiêu đề bảng. Thẻ HTML được sử dụng để thêm tiêu đề vào bảng. Thẻ thead được sử dụng cùng với thẻ tbody và thẻ tfoot để xác định từng phần của bảng (đầu trang, chân trang, nội dung).

Thẻ HTML cũng hỗ trợ các thuộc tính bổ sung sau -

Thuộc tính
Giá trị
Mô tả
căn chỉnh
phải
để lại
Trung tâm
biện minh
char
Không dùng nữa - Căn chỉnh trực quan.
char
ký tự
Không dùng nữa - Chỉ định ký tự để căn chỉnh văn bản. Được sử dụng khi align ="char"
charoff
pixel hoặc%
Không dùng nữa - Chỉ định độ lệch căn chỉnh (tính bằng pixel hoặc giá trị phần trăm) so với ký tự đầu tiên như được chỉ định với thuộc tính char. Được sử dụng khi align ="char"
giá trị
đầu trang
tên đệm
đáy
đường cơ sở
Không dùng nữa - Căn chỉnh theo chiều dọc.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách triển khai thẻ trong HTML -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML thead Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
     
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>