Bảng ở dạng hàng và cột. Từ trái qua phải gọi là hàng ngang, từ trên xuống dưới gọi là cột dọc. Các bảng trong HTML có thể được lồng vào nhau, nghĩa là một bảng có thể được chèn vào một bảng khác
It is important to always place the inner table between the
We can create nested tables using
Table | Table A
|
||||
Table A | Table A |
đầu ra
Đầu ra hiển thị các bảng được lồng bên trong các bảng bên ngoài. Chúng tôi đang thêm các bảng lồng nhau bên trong hàng đầu tiên của cột thứ hai của bảng bên ngoài. Như các bạn thấy bảng A có màu viền đỏ là bảng ngoài, bảng B có màu viền vàng là bảng trong. Chúng tôi đã thêm màu đường viền để dễ dàng phân biệt các bảng bên ngoài và bên trong
ví dụ 2
Ví dụ này hiển thị một bảng lồng nhau với một số kiểu, vì vậy chúng tôi sử dụng HTML và CSS để tạo bảng lồng nhau
Example 2 of HTML Nested Table
Column 6
Column 3
Column 5
Column 6
đầu ra
Đầu ra hiển thị một bảng lồng nhau được thiết kế với sự trợ giúp của CSS
ví dụ 3
Trong ví dụ này, chúng tôi đang tạo một bảng lồng nhau bên trong một bảng lồng nhau khác. Chúng tôi sẽ thêm bảng bên trong 2 vào hàng đầu tiên của cột thứ hai của bảng bên ngoài 1 và một lần nữa chúng tôi sẽ thêm bảng bên trong 3 vào bên trong hàng đầu tiên của cột thứ hai của bảng bên trong 2
Example 3 of HTML Nested Table
HTML Nested Table
Outer Table 1 row 1 col 1
Outer Table 1 row 2 col 1
Inner Table 2 row 1 col 1
Inner Table 3 row 1 col 1
Inner Table 3 row 1 col 2
Inner Table 3 row 2 col 1
Inner Table 3 row 2 col 2
Inner Table 3 row 3 col 1
Inner Table 3 row 3 col 2
Inner Table 2 row 1 col 2
Inner Table 2 row 2 col 1
Inner Table 2 row 2 col 2
Inner Table 2 row 3 col 1
Inner Table 2 row 3 col 2
Outer Table row 2 col 1
Outer Table row 2 col 2
đầu ra
Đầu ra hiển thị bảng lồng nhau bên trong bảng bên ngoài và bảng lồng nhau khác bên trong bảng lồng nhau thứ hai. Như bạn có thể thấy, bàn ngoài 1 có viền màu hồng, bàn trong 2 có viền xanh và bàn trong 3 có viền đỏ. Chúng ta có thể dễ dàng hiểu và xác định bảng với sự trợ giúp của các màu đường viền khác nhau