Hỏi đáp

Cellpadding Là Gì, Cellpadding Là Gì, Bài 05: Những Thẻ Html Định Dạng Table – viettingame

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 Email
TheHalfheart TheHalfHeart
gmail.com
a.viettingame.vn a.viettingame.vn
gmail.com
Username Email

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 Email
Username Email

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!

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

Email của bạn sẽ không được hiển thị công khai.