Bài tập tạo bảng trong html
Thẻ table trong HTML được sử dụng để hiển thị dữ liệu ở dạng bảng (hàng * cột). Có thể có nhiều cột trong một hàng. Show
Các thẻ table trong HTML được sử dụng để quản lý việc bố cục trang web. Ví dụ: Phần tiêu đề, thanh điều hướng, nội dung trang, phần chân trang... Nhưng bạn nên sử dụng thẻ div thay vì table để quản lý bố cục của trang. Các thẻ định nghĩa bảng trong HTMLThẻMô tả
Output: First_NameLast_NameMarksSonooJaiswal60JamesWilliam80SwatiSironi82ChetnaSingh72 Thuộc tính border của bảng trong HTMLCó hai cách để xác định border cho các bảng trong HTML.
1. Sử dụng thuộc tính border của bảng trong HTMLBạn có thể sử dụng thuộc tính border của thẻ table trong HTML để chỉ định đường viền. Nhưng bạn không nên sử dụng cách này. Ví dụ:
Output: First_NameLast_NameMarksSonooJaiswal60JamesWilliam80SwatiSironi82ChetnaSingh722. Sử dụng thuộc tính border trong CSSBạn nên sử dụng thuộc tính border của CSS để chỉ định đường viền của bảng. Ví dụ:
Output: Table trong HTML với cell paddingBạn có thể chỉ định padding cho tiêu đề của bảng và data của bảng bằng hai cách:
Bạn nên sử dụng tính chất của CSS thay vì thuộc tính của thẻ trong HTML, dưới đây là ví dụ chỉ định padding cho tiêu đề và nội dung của bẳng bằng CSS. Yêu cầuTạo bố cục (layout) trang web sử dụng thẻ TABLE (table tag) như hình sau:Step 1: tạo cấu trúc chuẩn file HTML5
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn Step 2: phân tích bố cục (layout) tổng thểCó nhiều cách để phân tích bố cục (layout) tùy theo trí tưởng tượng/sáng tạo của mỗi người. Cách đơn giản nhất là:
2.1. Chúng ta sẽ chia bố cục (layout) như sau:
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
2.2. Gom các dòng, cột theo bố cục đã phân tích
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
2.3. Hiệu chỉnh định dạng bảng tính, chiều cao, chiều rộng các dòng, cột theo yêu cầu
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
2.4. Canh lề nội dung trong ô
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
Step 3: phân tích bố cục (layout) chi tiếtBên trong Vùng chứa nội dung FOOTER 1, FOOTER 2, FOOTER 3, chúng ta sẽ tạo 1 table con nằm bên trong, bao gồm:
Nền tảng căn bản về HTML5 đầu tiên - nentang.vn
Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#1
Top 7 sự tích hồ gươm - ngữ văn lớp 6 20238 tháng trước#2
Top 7 gdcd 6 bài 1 kết nối tri thức 20238 tháng trước#3
Top 7 ý nghĩa của xây dựng gia đình văn hóa 20238 tháng trước#4
Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 20238 tháng trước#5
Top 3 tổng tài biến thái tôi yêu anh tập 27 20238 tháng trước#6
Top 6 kết thực phim mỹ nhân vô lệ 20238 tháng trước#7
#8
Top 8 đề tài và chủ de của tác phẩm tắt đèn 20238 tháng trước#9
Top 5 tiểu sử của thầy thích pháp hòa 20238 tháng trướcQuảng cáoXem NhiềuBán điện hạ thế đồng hồ lắp chỗ nào năm 20241 ngày trướcNgữ văn 6 tập 2 bài vượt thác năm 20241 tuần trướcVở bài tập toán bài 120 luyện tập năm 20243 ngày trướcTop 5 phim han am anh nguoi xem năm 202435 phút trướcCách gỡ lỗi usb trên mui 10 xiami năm 20241 tuần trướcGiải bài tập toán lớp 4 trang 86 tập 2 năm 20244 ngày trướcQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 Học Tốt Inc.
|