Table là một định dạng sử 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àcột vớihàng, và được tạo thành bởi những thẻ table, tr, td, tbody, thead, tfoot.
Đang xem: Cellpadding là gì
1. Định dạng HTML table giản dị và đơn giản
Cách giản dị và đơn giản nhất để tạo table là tuân theo cú pháp sau: XEM DEMO
Trong số đó:
Thuộc tính border=”1″ là khai báo đường viền của tableThuộc tính cellspacing=”0″ là khai báo {khoảng cách} giữa viền trên và viền dưới của đường viềnThuộc tính cellpadding=”5″ là khai báo {khoảng cách} giữa nội dung trong ô so với đường viềnNếu muốn thêm một cột thì chỉ việc bổ sung cập nhật một tdNếu muốn thêm một hàng thì chỉ việc bổ sung cập nhật một tr
Các bạn hãy thử thay đổi những thông số kỹ thuật để kiểm thử nhé.
Nội dung bài viết được đăng tại a.viettingame.vn
2. Thuộc tínhcolspan và rowspan trong Table
Colspan:Thuộc tính colspandùng để nối hai hoặc nhiều ô với nhau tính từ ô đặt thẻ này đitới phía trước.
Ví dụ: XEM DEMO
| 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 |
Rowspan:Thuộc tính rowspan sử dụng để nối hai hoặc nhiêu ô với nhau tính từ ô đặt thẻ đi xuống vùng dưới dưới.
Ví dụ: XEM DEMO
| 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 |
3. Nhóm thẻ thead – tbody – tfoot
Ở bài tìm hiểu HTML là gìmình sở hữu ra mắt sơ qua về bổ cục của website gồm sở hữu những thành phần như header, nội dung, footer thì trong table cũng tương tự, người ta sẽ chia ra làm ba thành phần chính này là header, body toàn thân và footer tương ứng với nhóm thẻ thead, tbody và tfoot.
Ví dụ: XEM DEMO
| Username | |
| TheHalfheart | TheHalfHeart gmail.com |
| a.viettingame.vn | a.viettingame.vn gmail.com |
| Username |
Như vậy chạy lên giao diễn vẫn giốngnhư cách làm thường thì. Tuy nhiên nếu giờ đây ta đổi vị trí của nhóm tbody và thead xem chuyện gì xẩy ra.
Ví dụ: XEM DEMO
| TheHalfheart | TheHalfHeart gmail.com |
| a.viettingame.vn | a.viettingame.vn gmail.com |
| Username | |
| Username |
Chạy lên giao diện vẫn thông thường. Điều đặc biệt quan trọng ở phía trên này là đáng lẽ ra theo luật thì phần tbody sẽ phải nằm trên cùng chính vì nó đặt trên cùng, nhưng nó lại nằm đúng vị trí của nó. Điều này Có nghĩa là nếu ta sử dụng những nhóm này thì dù đặt ở đâu thìlúc hiển thị vẫn theo luật thead – tbody – tfoot.
Xem thêm: Điều Chỉnh Tốc Độ Video Trong Imovie Trên Iphone, Cách Tăng Tốc Độ Video Cho Iphone
4. Lời kết
Như vậy trong bài này mình đã ra mắt tới những thẻ HTML liên quan tới table. Điều lưu ý thứnhất ở bài này là cách gộp nhiều ô với nhau bằng hai thẻ colspan và rowspan. Thứ hai là hiểu được những nhóm thẻ thead, tbody và tfoot để ráp đúng vị trí cho nó.
Bài này mình sẽ ngừng ở phía trên, cám ơn chúng ta đã theo dõi serie này.
Comment đã đóng, nếu như có thắc mắc hãy đặt thắc mắc tại hoicode.com để admin vấn đáp.
Bài sau Bài tiếp
Chuyên đề học lập trình web: Học phần HTML / CSS
Trên đây là chương thứ nhất trong chuyên đề tự học lập trình web với PHP. Trong chương này chúng ta sẽ học HTML và CSS trước.
Những các bạn hãy sub kênh để ủng hộ mình nhé. Link chuyên đêtại phía trên.
Xem thêm: Tuổi Canh Tuất Hợp Tuổi Nào, Màu Gì, Hướng Nào
DANH SÁCH BÀI HỌC
Danh sách chủ đề
| MÃ GIẢM GIÁ | ||
| Unica | 50% | Lấy Mã |
| TinoHost | 30% | Lấy Mã |
| INET | 30% | Lấy Mã |
Liên hệ
Mã tránh giá
Khóa học
Ra mắt
Admin Cường, vận hành chính của website.
2020 – a.viettingame.vn. All Right Reserved Theme GoodNews, nền tảng Codeigniter, VPS tậu tại Tinohost
BÀI VIẾT
Nếu như bạn phát hiện lỗi sai link, nội dung sai, hay một lỗi bất kì nào khác trên trang này thì hãy cho mình biết nhé. Cám ơn chúng ta!
