Việc sử dụng Nhóm đầu bảng và Nhóm chân trang trong CSS là gì

Nhóm tiêu đề bảng là gì?

Trong CSS, “ Nhóm tiêu đề bảng ” được sử dụng để hiển thị tiêu đề của bảng thông qua “ ' nhãn. Tiêu đề tương ứng với mục nhập đầu tiên trong một cột dọc. Nó chỉ định thông tin về các mục trong bảng. Tiêu đề cũng có thể kéo dài nhiều cột nếu cần. Điều này có thể được thực hiện bằng cách tạo Nhóm bảng-cột trong CSS.

Ví dụ
Tiêu đề của bảng có định dạng khác với phần còn lại của các mục trong bảng để phân biệt nó một cách trực quan. Chúng thường được thể hiện bằng cỡ chữ in đậm hoặc văn bản có tỷ lệ cao hơn. Khi liệt kê tên của “Nam giới” và “Nữ giới”, chúng ta có thể chỉ định họ làm Tiêu đề trong một hàng riêng biệt như trong ví dụ dưới đây:

Các bước sau đây giải thích cách tạo Tiêu đề bảng:

• thêm “ ” để tạo bảng.
• Trong bước tiếp theo, chỉ định “ ” thẻ đề cập đến tiêu đề bảng.
• Thêm các giá trị tiêu đề dưới dạng một hàng qua thẻ “” và đóng tiêu đề qua thẻ “”.
• Bây giờ, bao gồm “ ” để bắt đầu phần thân của bảng.
• Chèn dữ liệu cho từng hàng bằng cách sử dụng thẻ “”.
• Kết thúc thân bảng và bảng thông qua “ ' Và ' ” các thẻ tương ứng.

đầu ra

Nhóm Table-Footer là gì?

Các ' Nhóm Table-Footer ” được sử dụng để hiển thị chân trang của bảng trong CSS với sự trợ giúp của “ ' nhãn. Chân trang cũng cung cấp thông tin về nội dung bảng có thể giúp người đọc hiểu dữ liệu rõ ràng hơn. Sử dụng ví dụ tương tự từ phần trước, thêm chân trang cung cấp tổng số mục trong mỗi cột cho “Nam” và “Nữ” trong bảng.

Ví dụ
Tổng quan về ví dụ sau giải thích khái niệm được thảo luận:

Các bước sau đây giải thích các bước để tạo một Table-Footer:

• Tương tự như ví dụ trước, hãy thêm “ ” để tạo/bao gồm một bảng.
• Bao gồm cái ' ” để chỉ định tiêu đề bảng.
• Bây giờ, tương tự, thêm các tiêu đề tiêu đề dưới dạng một hàng và đóng tiêu đề thông qua nút “ ' nhãn.
• Nhớ lại các phương pháp đã thảo luận để chỉ định phần thân bảng và bao gồm dữ liệu trong đó.
• Bây giờ, hãy thêm “ ” để bắt đầu Table Footer.
• Thêm dữ liệu cho Chân trang của Bảng dưới dạng một hàng và đóng chân trang bằng nút “ ' nhãn.
• Cuối cùng, kết thúc bảng bằng cách sử dụng “ ' nhãn.

đầu ra
Mã được viết ở trên tạo ra kết quả sau:

Phần kết luận

Đầu trang và Chân trang trong Bảng trong CSS giúp bổ sung thêm thông tin tương ứng ở đầu và cuối bảng. Thông tin này giúp xác định nội dung của bảng và cung cấp thêm chi tiết có trong các giá trị được chèn vào bảng. Cùng với nhau, hai điều này đóng khung dữ liệu được gói gọn trong bảng một cách hoàn hảo.