Thẻ này cũng cần thiết để hiển thị thông tin trong hàng và cột trên trang của bạn. Nó có nghĩa là chủ yếu để hiển thị dữ liệu được định dạng. Nó cũng có thể được sử dụng để tạo bố cục của trang web, nhưng việc sử dụng đó đang bị loại bỏ dần để chuyển sang sử dụng Cascading Style Sheets [CSS] để định dạng
Nhược điểm của việc sử dụng bảng là chúng hơi phức tạp để sử dụng và hiểu. Việc sử dụng trình soạn thảo HTML cực kỳ hữu ích khi sử dụng bảng. Tuy nhiên, hiểu cách các bảng được cấu trúc sẽ giúp bạn khắc phục mọi sự cố
Các bảng được lồng sâu [bảng trong bảng trong bảng, v.v.] đã được biết là gây ra sự cố với một số trình duyệt và nên tránh nếu có thể
Tất cả các thẻ bên dưới đều yêu cầu thẻ kết thúc trừ khi được chỉ định khác
Thẻ này được tạo một bảng trên trang web. Nhưng không có bất kỳ thẻ bổ sung nào để xác định các hàng của bảng Thẻ này tạo một "hàng" trong bảng. Bạn sẽ đặt các thẻ ô Đây là thẻ dành cho các ô dữ liệu của bảng và nơi bạn sẽ thực sự đặt nội dung bạn muốn vào trong bảng của mình. Các thẻ này phải được đặt trong một cặp thẻ Đây là thẻ ô tiêu đề bảng. Nó giống với thẻ Đây là một bảng có ba hàng và bốn cột. Mỗi hàng trong bảng sẽ trông giống hệt hàng đầu tiên [ngoại trừ nội dung của các ô] a1a2a3a4b1b2b3b4c1c2c3c4 Đây là cùng một bảng với ô "a1" có colspan là 3. Lưu ý rằng ô bao gồm những gì đã từng là ô "a2" và "a3" và hiện tại chỉ có tổng cộng hai ô trong hàng đầu tiên a1a4b1b2b3b4c1c2c3c4 Đây là bảng trước đó với "c3" được cho colspan là 2. Lưu ý rằng colspan kéo dài sang bên phải chứ không phải bên trái của "a1" và "c3" a1a4b1b2b3b4c1c2c3 Đây là bảng gốc với "a2" được cung cấp một hàng là 2. Lưu ý rằng hàng thứ hai hoặc hàng "b" trông giống hệt hàng đầu tiên, nhưng mã rất khác a1a2a3a4b1b3b4c1c2c3c4 Đây là bảng trước với a1a2a3a4b1b2b3b4c1c2c3c4 Bạn cũng có thể kết hợp colspan và rowspan. Ô "b2" của bảng này có khoảng cách cột là 3 và khoảng cách hàng là 2 và các ô , sẽ không có gì xuất hiện trên trang của bạn. Một bảng được tạo bằng cách sử dụng các thẻ này giống như cách bạn xây một bức tường gạch. Mỗi hàng bắt đầu bằng một lớp xi măng và sau đó mỗi viên gạch được đặt bên trong nó Thao tác này sẽ tạo một bảng nằm ở giữa trang, có nền lấy từ ảnh gif có tên là "bgrnd. gif", đường viền 3 pixel, phần đệm trong mỗi ô 2 pixel, khoảng cách giữa các ô 3 pixel và chiều rộng bằng 90% cửa sổ trình duyệt
trong mỗi thẻ . Bạn sẽ có một thẻ cho mỗi hàng trong bảng của mình và trong mỗi thẻ , bạn sẽ có một bộ thẻ để xác định các cột 4 ở trên ngoại trừ nó chỉ áp dụng cho hàng cụ thể mà thuộc tính này được đặt 5 Thao tác này sẽ tạo một hàng trong bảng có tất cả nội dung được căn sang bên phải. Tất cả các ô của hàng sẽ có nền màu vàng và tất cả nội dung sẽ xuất hiện ở đầu đường viền của hàng 6 . Các thẻ xác định bảng có bao nhiêu cột. Ngoài ra, trừ khi bị thay đổi bởi một thuộc tính, tất cả các thẻ trong một bảng phải chứa cùng một số thẻ . Vì vậy, nếu bạn muốn tạo một bảng có ba hàng và bốn cột, bảng đó phải có ba bộ thẻ , mỗi bộ chứa bốn thẻ . Bất kỳ thuộc tính nào được tạo cho thẻ sẽ ghi đè bất kỳ thuộc tính xác thực nào được tạo bởi thẻ hoặc 4 kèm theo 6 . Các tùy chọn là căn giữa, trái, phải và căn chỉnh. Mặc định là "trái. " Justify sẽ tạo văn bản sao cho nó được căn chỉnh theo cả cạnh phải và trái của ô 4 ở trên ngoại trừ chỉ áp dụng cho ô bảng cụ thể 4 và ở trên ngoại trừ nó chỉ áp dụng cho ô bảng cụ thể còn lại trong bảng. Nói cách khác, cần có "khoảng trống" để tế bào kéo dài xuống dưới. Ngoài ra, trong tất cả các hàng tiếp theo sau khi thuộc tính rowspan đã được sử dụng, bạn cần bớt một thẻ . Xem thêm thông tin bên dưới 3 về mọi mặt ngoại trừ bất kỳ văn bản nào được đặt trong thẻ 5 sẽ tự động được in đậm và căn giữa trong hầu hết các trình duyệt. Bạn thường nên sử dụng điều này ở hàng đầu tiên để tạo tiêu đề cho các cột của mình trong một bảng Ví dụ về colspan và rowspan
Ví dụ về hàng đầu tiên. 6
Ví dụ về hàng đầu tiên. 7
Ví dụ về hàng đầu tiên8
Ví dụ về hàng thứ hai9
Lưu ý rằng thứ hai [ô "b2"] bị thiếu trong mã cho hàng thứ hai. Nó phải được loại bỏ vì nếu không sẽ có quá nhiều ô ở hàng thứ hai thứ hai không bị xóa ở hàng thứ hai [và do đó tạo ra lỗi trong mã cho bảng]. Lưu ý cách hàng được bù và ô "b4" được đẩy ra một cột không tồn tại Thẻ nào dùng để thêm hàng và thêm cột?
. Phần tử hàng của bảng. Phần tử HTML
Thẻ nào được sử dụng để thêm hàng trong HTML?
xác định một hàng trong bảng HTML.
Thẻ nào được sử dụng để tạo các cột trong một hàng HTML?
Làm cách nào để thêm một hàng trong HTML?
Chủ Đề