Thẻ thead sẽ định nghĩa phần nội dung tiêu đề của bảng.
Thẻ thead được sử dụng kết hợp với thẻ thead và tbody để chỉ định rõ từng phần của bảng( header, body, footer).
Các trình duyệt web có thể sử dụng phần tử này để cho phép cuộn phần body của bảng mà không liên quan đến phần thead hay thead . Trong một số trường hợp dữ liệu của bảng rất nhiều và kéo dài nhiều trang, các yếu tố này có thể giúp phần thead và tfoot được in ở đầu và cuối trang.
Khi sử dụng thẻ thead bạn phải lưu ý rằng chúng phải là con của thẻ table, phải được đặt sau tất cả các thẻ caption, colgroup và phải được đặt trước các thẻ tbody, tfoot, và tr.
Bài viết này được đăng tại [kiso.vn]
Cách sử dụng
Ví dụ: sử dụng thẻ thead để phân rõ các phần nội dung của bảng.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Học html miễn phí tại kiso.vn</h1>
<table>
<thead>
<tr>
<th>Tên Thẻ</th>
<th>Mô tả</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Tổng</td>
<td>3 Thẻ</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>a</td>
<td>tạo siêu liên kết</td>
</tr>
<tr>
<td>p</td>
<td>định nghĩa một đoạn văn bản</td>
</tr>
<tr>
<td>br</td>
<td>ngắt dòng hiện tại</td>
</tr>
</tbody>
</table>
</body>
</html>
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chínhCách sử dụng1. Bảo vệ khỏi tấn công DoS...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chínhCách sử dụng1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên Linux như một firewall được phát hành miễn phí để tăng tính bảo mật cho...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chínhCách sử dụngV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng khi trang web sử dụng đường dẫn đầy đủ Xét đoạn code php sau: <?php...
Directory traversal vulnerabilities (phần 3)
Nội dung chínhCách sử dụngV. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra khi sử dụng các hàm đọc file và tin tưởng đầu vào người dùng Xét...
Directory traversal vulnerabilities (phần 2)
Nội dung chínhCách sử dụngIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác nhau, điểm xuất hiện các lỗ hổng Directory traversal cũng khác nhau. Lỗ hổng thường...