-Ở phần trước mọi người đã được tìm hiểu về các thẻ tác dụng vào văn bản trong HTML rồi, bài hôm nay chúng ta sẽ cùng tìm hiểu về bảng trong HTML -Table là một định dạng dùng để hiển thị dữ liệu ở dạng danh sách. Mỗi table sẽ được chia ra gồm hai thành phần là hàng và cột, -Trong
HTML chúng được tạo ra bởi các thẻ -Một thẻ table thì thường có cấu trúc mặc định như sau: Xem Kết Quả -Chú
thích: -Thuộc tính rowspan dùng để gộp 2 hoặc nhiều hàng vào làm một. Ví dụ: Xem Kết Quả -Thuộc tính colspan dùng để gộp 2 hoặc nhiều cột vào làm một. Ví dụ:1, Table là gì?
table, tr,th, td, tbody, thead, tfood.2, Cấu trúc thường gặp của Table.
Tiêu đề cột 1 hàng 1
Tiêu đề cột 2 hàng 1
Phần thân cột 1 hàng 2
Phần thân cột 2 hàng 2
Phần thân cột 1 hàng 3
Phần thân cột 2 hàng 3
border="1" là khai báo đường viền cho table.cellpadding="2" là khai báo khoảng cách giữa nội dung trong ô so với đường viền.cellspacing="2" là khai báo khoảng cách giữa viền trên và viền dưới của đường viền.nội dung .nội dung .3, Thuộc tính Rowspan,Colspan trong table.
Thuộc tính rowspan.
Tiêu đề cột 1 hàng 1
Tiêu đề cột 2 hàng 1
Phần thân cột 1 hàng 2
Phần thân cột 2 hàng 2
Phần thân cột 2 hàng 3
Thuộc tính colspan.
Tiêu đề cột 1 hàng 1
Tiêu đề cột 2 hàng 1
Phần thân cột 1 hàng 2
Phần thân cột 1 hàng 3
Phần thân cột 2 hàng 3
Xem Kết Quả
4, Lời kết.
-Qua bài này mình đã giới thiệu cho mọi người hiểu về table trong HTML và các thuộc tính đi kèm của nó. Các bạn nên chú ý phần gộp hàng và cột nhé!
Đăng ký nhận tin.
Chúng tôi chỉ gửi tối đa 2 lần trên 1 tháng. Tuyên bố không spam mail!
Bài Viết Mới
Ở bài này chúng tôi sẽ giới thiệu đến các bạn hai thuộc tính colspan và rowspan cho thẻ tạo bảng table.
Colspan: Thuộc tính colspan dùng để nối hai hoặc nhiều ô với nhau tính từ ô đặt thẻ này đi tới phía trước.
Ví dụ: áp dụng thuộc tính colspan vào bảng table
| Hàng 1 cột 1 và Hàng 1 cột 2 | Hàng 1 cột 3 | |
| Hàng 2 cột 1 | Hàng 2 cột 2 | Hàng 2 cột 3 |
Kết quả khi chạy ví dụ trên
Rowspan: Thuộc tính rowspan dùng để nối hai hoặc nhiêu ô với nhau tính từ ô đặt thẻ đi xuống phía dưới.
Ví dụ: áp dụng thuộc tính rowspan và bảng table
| Hàng 1 cột 1 | Hàng 1 cột 3 | Hàng 1 cột 3 |
| Hàng 2 cột 2 | Hàng 2 cột 3 |
Kết quả khi chạy ví dụ trên
Giá trị của 2 thuộc tính ở trên là số cột hoặc hàng cần gọp.
✴ Lưu ý: hai thuộc tính trên bạn phải đằt nó nằm bên trong cặp thẻ td như ở 2 ví dụ trên.
Và bạn cũng có thể kết hộp 2 thuộc tính trên và cùng một bảng table như ở ví dụ sau.
| Hàng 1 cột 1 | Hàng 1 cột 3 |
| Hàng 2 cột 2 | Hàng 2 cột 3 |
Kết quả khi chạy ví dụ trên
✴ kết luận: Như vậy trong bài này mình đã giới thiệu đến các bạn hai thuộc tính colspan và rowspan, và bạn cần phải lưu ý khi gộp cột hoặc hàng nó thường gặp lỗi như dư một ô trong cột hoặc dư một ô trong hàng, cách giả quyết nếu dưa một ô trong cột thì bạn chỉ cần xóa đi một cặp thẻ tạo cột là được và hàng cũng tượng như cột.
Chúc bạn thành công.