Các hướng dẫn Ngôn ngữ Đánh dấu Siêu văn bản (HTML) tạo thành các bảng được đặt trong các trang web cung cấp một số lượng lớn các tham số bổ sung. Điều này cho phép, không giống như các phần tử khối khác, đặt kích thước không chỉ bằng ngôn ngữ CSS (Trang tính kiểu xếp tầng hoặc "Trang tính kiểu xếp tầng") mà còn sử dụng chính HTML.
Hướng dẫn
Bước 1
Sử dụng thuộc tính width của thẻ table để chỉ định chiều rộng của bảng tính bằng pixel. Bảng thẻ (lệnh HTML) bao gồm một phần mở (
) các phần, giữa chúng có các thẻ tạo thành các hàng và ô của bảng. Các tham số (thuộc tính) bổ sung có thể được đặt trong thẻ mở, danh sách cho từng thẻ cụ thể được xác định theo tiêu chuẩn quốc tế. Đối với thẻ bảng, các tiêu chuẩn này cho phép sử dụng thuộc tính width, chỉ định chiều rộng của bảng tính bằng pixel. Mã HTML của một bảng đơn giản với thẻ xác định chiều rộng 500 pixel có thể trông như sau:
| Ô thứ nhất | Ô thứ 2 |
Bước 2
Thêm ký tự% vào giá trị của thuộc tính width nếu bạn cần chỉ định chiều rộng của bảng dưới dạng phần trăm thay vì pixel:
| Ô thứ nhất | Ô thứ 2 |
Xin lưu ý rằng các tỷ lệ phần trăm này sẽ không nhất thiết phải dựa trên chiều rộng của cửa sổ trình duyệt. Cấu trúc của tài liệu quan trọng ở đây - giống như hình nhân lồng nhau không thể rộng hơn hình nhân mà nó được lồng vào nhau, vì vậy 100% chiều rộng của bảng không được lớn hơn chiều rộng của phần tử mẹ. Ví dụ: nếu bảng nằm bên trong một khối div, thì chiều rộng của khối này sẽ được coi là 100%.
Bước 3
Sử dụng hướng dẫn ngôn ngữ mô tả kiểu nếu bạn muốn đặt cùng một chiều rộng cho các bảng trong trang web ở một nơi trong mã nguồn. Để thực hiện việc này, trước tiên hãy đặt vào phần đầu của mã HTML (giữa và) các thẻ mở và đóng giới hạn các câu lệnh ngôn ngữ CSS:
/ * Hướng dẫn CSS sẽ có ở đây * /
Sau đó, đặt CSS sau giữa các thẻ đó: table {width: 100px;} Ở đây, bảng chỉ ra rằng mô tả được đặt bên trong dấu ngoặc nhọn sẽ được áp dụng cho tất cả các thẻ bảng xuất hiện trong mã trang. Vâng, tham số chiều rộng đặt chiều rộng. Ở đây, bạn cũng có thể sử dụng chiều rộng tương đối dưới dạng phần trăm.
Bước 4
Chỉ định tên lớp trong mã CSS và trong thẻ bảng HTML nếu bạn cần chỉ định chiều rộng không phải cho tất cả các bảng mà chỉ cho một hoặc một số bảng. Ví dụ, giả sử lớp đánh dấu một nhóm các bảng hẹp là nhỏ. Sau đó, mô tả kiểu của nó có thể trông giống như sau: table.tiny {width: 100px;} Và thẻ tương ứng của một trong các bảng trong mã HTML như sau:
| Ô thứ nhất | Ô thứ 2 |
