Thí dụMột bảng HTML với A, và một phần tử: Show & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & NBSP; & nbsp; & nbsp; & nbsp; $ 100 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ 80 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Sum & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ 180 & nbsp; & nbsp; & nbsp; & nbsp; | ||
January | $100 | |
February | $80 | |
Sum | $180 |
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ <tfoot>
được sử dụng để nhóm nội dung chân trong bảng HTML.
Phần tử <tfoot>
được sử dụng cùng với các phần tử để chỉ định từng phần của bảng (chân trang, tiêu đề, cơ thể).
Các trình duyệt có thể sử dụng các yếu tố này để cho phép cuộn thân bàn độc lập với tiêu đề và chân trang. Ngoài ra, khi in một bảng lớn kéo dài nhiều trang, các phần tử này có thể cho phép tiêu đề bảng và chân trang được in ở trên cùng và dưới cùng của mỗi trang.
Lưu ý: Phần tử <tfoot>
phải có một hoặc nhiều thẻ bên trong. The <tfoot>
element must have one or more
Thẻ <tfoot>
phải được sử dụng trong bối cảnh sau: Là con của một yếu tố, sau bất kỳ, và các yếu tố.
Mẹo: Các phần tử, và <tfoot>
sẽ không ảnh hưởng đến bố cục của bảng theo mặc định. Tuy nhiên, bạn có thể sử dụng CSS để tạo kiểu cho các yếu tố này (xem ví dụ bên dưới)! The ,
<tfoot>
elements will not affect the layout of the table by default. However, you can use CSS to style these elements (see example below)!Hỗ trợ trình duyệt
Yếu tố | |||||
---|---|---|---|---|---|
Đúng | Đúng | Đúng | Đúng | Đúng |
Thuộc tính toàn cầu
Thẻ <tfoot>
cũng hỗ trợ các thuộc tính toàn cầu trong HTML.
Thuộc tính sự kiện
Thẻ <tfoot>
cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Nhiều ví dụ hơn
Thí dụ
Phong cách, và với CSS:
thead {color: màu xanh lá cây;} tbody {color: blue;} t foot {color: red;}
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ 100 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ 80 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Sum & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ 180 & nbsp; & nbsp; & nbsp; & nbsp;
Month
Savings
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ <tfoot>
được sử dụng để nhóm nội dung chân trong bảng HTML.
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}