Thẻ tbody trong HTML
- 17-12-2021
- Trung Minh
- 0 Comments
Thẻ tbody sẽ định nghĩa phần thân hay phần nội dung chính của bảng.
Thẻ tbody được sử dụng kết hợp với thẻ thead và tfoot để 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 tfoot. 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ẻ tbody bạn phải lưu ý rằng chúng phải là con của thẻ table và phải được đặt sau tất cả các thẻ caption, colgroup và thẻ thead.
Cách sử dụng
Ví dụ: sử dụng thẻ tbody để phân rõ các phần nội dung của bảng.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Học html miễn phí tại web888.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>