Video: 13 - Thiết kế bảng trong HTML 2025
Vùng lưu trữ chính cho các bảng trong HTML là phần tử của bảng. Đó là, bạn sử dụng thẻ mở
Ngoài ra, các khối xây dựng cơ bản cho dữ liệu bảng trong HTML là các phần tử của bảng (
-
các yếu tố để xác định một chú thích cho một bảng (nếu có một phần tử như vậy, hoặc không có chú thích cho bảng nếu nó vắng mặt). Nếu nó được sử dụng, một phần tử phải theo ngay sau thẻ mở .
Các thành phần nhóm Zero hoặc một nhóm cột (
) để xác định các nhóm nhóm cho bảng (nếu có một phần tử đó hoặc không có nhóm cột nếu phần tử vắng mặt). Nó phải xuất hiện sau bất kỳ phần tử nào, nếu có, và trước bất kỳ phần tử bảng nào sau đây.
để xác định phần tiêu đề cho một bảng (nếu có một phần tử đó, hoặc không có phần tiêu đề bảng nếu phần tử vắng mặt). Thông thường, một dòng tiêu đề bảng đầu tiên kéo dài toàn bộ chiều rộng của bảng để xác định toàn bộ điều và dòng tiêu đề đầu tiên được theo sau bởi một hàng thứ hai của từng tiêu đề riêng cho mỗi cột trong bảng. Không có phần cơ thể của bảng hoặc phần tử
để xác định nội dung thực tế của bảng. Một bảng có thể có nhiều
các yếu tố, vì vậy nó là không bình thường trong HTML trong đó một bảng chỉ có thể có một đầu, nhưng nhiều cơ quan!để cung cấp thông tin cho cuối bảng. Các trình duyệt có thể sử dụng, , và để quyết định những gì để di chuyển (phần thân bảng, thông thường) và những gì để lại luôn hiện diện trên màn hình. Chân trang bảng là một trường hợp đặc biệt khi nói đến vị trí trong chuỗi các đánh dấu bảng có thể xuất hiện. Nó luôn luôn có thể xuất hiện cuối cùng trong chuỗi (như trong danh sách này), nhưng nó cũng có thể xuất hiện ngay sau bất kỳ phần tử nào có mặt (theo thứ tự này):, và.
Tuy nhiên, nó sẽ xuất hiện trước các yếu tốvà
. Trong trường hợp đặc biệt này, cũng không thể xuất hiện ở cuối bảng. Không cho phép!
Nếu không cóphần tử có (thường định nghĩa phần thân bảng trong một bảng có tiêu đề bảng được xác định và có thể cả phần chân trang), phần dòng (
) định nghĩa hàng cho dữ liệu mà bảng thực sự trình bày.Bên trong mỗi hàng của bảng có nhiều dữ liệu bảng () vì có các ô trong hàng đó.Bởi vì bảng định dạng HTML và trình tự đánh dấu có thể phức tạp và phức tạp, thậm chí còn đáng giá hơn bình thường để chạy tất cả bảng đánh dấu của bạn qua dịch vụ Xác thực Đánh dấu W3C để đảm bảo nó đúng. Cấu trúc của một bảng HTML dễ hiểu hơn nếu chúng ta chỉ ra nó bằng cách sử dụng các đánh dấu container cơ bản, với một số ý kiến sáng tỏ hy vọng, như sau: Bảng cấu trúc cơ bản và trình tự
Bảng 6-1: Cấu trúc Đánh dấu HTML và Trình tự
Phần tử
Mô tả
bảng phụ đề bảng chú thích văn bản tbody bàn cơ thể container tfoot bảng chứa phần cuối Phần tử Mô tả Hình vẽ cho thấy trình duyệt hiển thị bảng này như thế nào. (Mục border = "1" đã được thêm vào phần tử table để vẽ đường viền xung quanh cạnh của mỗi ô trong bảng, làm cho bảng nổi bật lên một chút).