Câu hỏi:
19/10/2024 4918.4. Thực hành: Cho một bố cục trang web có dạng như Hình 18.1. Hãy phân tích và xác định các bước để tạo một bố cục như vậy bằng thẻ <table> và bằng CSS.
Sách mới 2k7: Tổng ôn Toán, Lí, Hóa, Văn, Sử, Địa…. kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 110k).
Quảng cáo
Trả lời:
Giải bởi Vietjack
Hướng dẫn: Nếu sử dụng phần tử Table, cách đơn giản là em sử dụng các bảng lồng nhau. Ví dụ:
– Tạo một bảng có 4 hàng 1 cột – tức ở mức ngoài có 4 cặp <tr></tr>, mỗi cặp chỉ chứa một cặp <td></td>.
– Trong cặp <td></td> ở dòng 2, em thêm vào một bảng mới có 1 hàng, 3 cột. – Tương tự, thêm một bảng 1 hàng 2 cột ở dòng 4.
Thiết lập chiều rộng và chiều cao của các ô cho phù hợp.
Đây là một cách để thực hiện, em có thể đề xuất cách khác của mình. hiện
Nếu sử dụng CSS, cách làm giống như Nhiệm vụ 1 trong bài thực hành trên lớp. Cụ thể:
Ta xác định 4 hàng, mỗi hàng là một phần tử thuộc lớp row.
Với hàng 2 và hàng 4, ta cần tạo thêm các lớp block_3 cho hàng 2 và block_2 cho hàng 4. Lớp block_3 có độ rộng không quá 33.3% và lớp block_2 có độ rộng không quá 50%. Khi đó, hàng 2 sẽ là một phần tử row chứa 3 phần tử block_3 và hàng 4 sẽ là một phần tử row chứa 2 phần tử block_2.
Nhà sách VIETJACK:
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Mỗi phương án sau đây là đúng hay sai?
A. CSS là một bộ phận của HTML5.
B. Sử dụng HTML và CSS giúp giảm lượng mã cần viêt khi tạo trang web.
C. Việc thay đổi giao diện của website thực hiện dễ dàng hơn khi không dùng CSS.
D. Nếu có tệp tin .css trong các tệp tin của một website, ta có thể kết luận chắc chăn website đó có sử dụng định kiểu ngoài (CSS ngoài).
Mỗi phương án sau đây là đúng hay sai?
A. CSS là một bộ phận của HTML5.
B. Sử dụng HTML và CSS giúp giảm lượng mã cần viêt khi tạo trang web.
C. Việc thay đổi giao diện của website thực hiện dễ dàng hơn khi không dùng CSS.
D. Nếu có tệp tin .css trong các tệp tin của một website, ta có thể kết luận chắc chăn website đó có sử dụng định kiểu ngoài (CSS ngoài).
Xem đáp án »
19/10/2024
257
Câu 2:
Khẳng định nào sau đây là sai?
A. Nếu một phần tử chịu tác động của cả định kiểu trong, định kiểu ngoài và định kiểu nội tuyến thì chúng sẽ hiển thị theo chỉ định của định kiểu nội tuyến.
B. Định kiểu nội tuyến là loại định kiểu gần với vị trí mã HTML thực sự được viết nhất.
C. Định kiểu ngoài luôn là cách định kiểu tốt và an toàn nhất trong ba cách định kiểu.
D. Sử dụng kết hợp định kiểu trong và định kiểu ngoài là cách dùng phổ biến hiện nay.
Khẳng định nào sau đây là sai?
A. Nếu một phần tử chịu tác động của cả định kiểu trong, định kiểu ngoài và định kiểu nội tuyến thì chúng sẽ hiển thị theo chỉ định của định kiểu nội tuyến.
B. Định kiểu nội tuyến là loại định kiểu gần với vị trí mã HTML thực sự được viết nhất.
C. Định kiểu ngoài luôn là cách định kiểu tốt và an toàn nhất trong ba cách định kiểu.
D. Sử dụng kết hợp định kiểu trong và định kiểu ngoài là cách dùng phổ biến hiện nay.
Xem đáp án »
19/10/2024
53
Câu 3:
Thực hành: Hãy viết một website quảng bá Đại hội thể dục thể thao tỉnh/ thành phố nơi em đang sống.
Yêu cầu về nội dung:
- Gồm một trang chủ chứa thông tin về đại hội và các liên kết tới các trang thông tin khác.
- Các trang thông tin khác cần bao gồm: Giới thiệu các môn thi, biểu mẫu đăng kí, lịch thi đầu.
Yêu cầu về trình bày: kết hợp sử dụng định kiểu ngoài và định kiểu trong để trình bày cho phù hợp.
Thực hành: Hãy viết một website quảng bá Đại hội thể dục thể thao tỉnh/ thành phố nơi em đang sống.
Yêu cầu về nội dung:
- Gồm một trang chủ chứa thông tin về đại hội và các liên kết tới các trang thông tin khác.
- Các trang thông tin khác cần bao gồm: Giới thiệu các môn thi, biểu mẫu đăng kí, lịch thi đầu.
Yêu cầu về trình bày: kết hợp sử dụng định kiểu ngoài và định kiểu trong để trình bày cho phù hợp.
Xem đáp án »
19/10/2024
51
Câu 4:
Một người định nghĩa quy tắc cho đoạn văn bản trong CSS như sau:
<p>{
}
Em có nhận xét gì về cách viết này? Em có đề xuất cách viết nào tốt hơn không?
Một người định nghĩa quy tắc cho đoạn văn bản trong CSS như sau:
<p>{
}
Em có nhận xét gì về cách viết này? Em có đề xuất cách viết nào tốt hơn không?
Xem đáp án »
19/10/2024
48
Bình luận
🔥 Đề thi HOT:
-
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính có đáp án
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 7: HTML và cấu trúc trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 10: Tạo liên kết
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 8: Định dạng văn bản
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 9: Tạo danh sách, bảng
-
15 câu Trắc nghiệm Tin học 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản
-
Đề thi học kì 1 Tin học 12 Kết nối tri thức có đáp án- Đề 1
về câu hỏi!