Câu hỏi:

19/10/2024 153

18.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.

18.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 (ảnh 1)

Quảng cáo

Trả lời:

verified
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.

Bình luận


Bình luận

CÂU HỎI HOT CÙNG CHỦ ĐỀ

Lời giải

A. Đúng. Sử dụng HTML kết hợp với CSS giúp giảm đáng kể lượng mã cần viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang khác nhau, không cần lặp lại mã.

B. Đúng. Sử dụng HTML kết hợp với CSS giúp giảm đáng kể lượng mã cần viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang khác nhau, không cần lặp lại mã.

C. Sai. Việc thay đổi giao diện của website sẽ khó khăn hơn khi không dùng CSS. CSS cho phép người dùng dễ dàng thay đổi giao diện bằng cách chỉnh sửa tệp CSS. Nếu không có CSS, toàn bộ phần định dạng phải được viết trực tiếp trong HTML, dẫn đến việc quản lý và thay đổi giao diện trở nên phức tạp và tốn nhiều thời gian.

D. Sai. Sự hiện diện của tệp .css không đảm bảo chắc chắn rằng website sử dụng định kiểu ngoài (external CSS). Có thể trang web có tệp CSS nhưng lại không sử dụng nó, hoặc chỉ sử dụng các phương pháp khác để định dạng như inline CSS (định kiểu trực tiếp trong thẻ HTML) hoặc internal CSS (định kiểu bên trong trang HTML thông qua thẻ <style>).

Lời giải

Đáp án: C. Sai. Mặc dù định kiểu ngoài (external CSS) là cách tốt để quản lý và bảo trì mã CSS, nó không phải lúc nào cũng là "tốt và an toàn nhất" trong mọi trường hợp. Có những trường hợp cần sử dụng định kiểu nội tuyến hoặc định kiểu trong để đáp ứng các yêu cầu cụ thể như cần định dạng tạm thời hoặc đáp ứng tính năng động của giao diện. An toàn nhất hay không còn phụ thuộc vào cách triển khai và mục đích của từng trang web.

Lời giải

Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.

Nâng cấp VIP

Vietjack official store
Đăng ký gói thi VIP

VIP +1 - Luyện thi tất cả các đề có trên Website trong 1 tháng

  • Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
  • Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
  • Tải xuống đề thi [DOCX] với đầy đủ đáp án
  • Xem bài giảng đính kèm củng cố thêm kiến thức
  • Bao gồm tất cả các bậc từ Tiểu học đến Đại học
  • Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

Mua ngay

VIP +3 - Luyện thi tất cả các đề có trên Website trong 3 tháng

  • Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
  • Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
  • Tải xuống đề thi [DOCX] với đầy đủ đáp án
  • Xem bài giảng đính kèm củng cố thêm kiến thức
  • Bao gồm tất cả các bậc từ Tiểu học đến Đại học
  • Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

Mua ngay

VIP +6 - Luyện thi tất cả các đề có trên Website trong 6 tháng

  • Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
  • Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
  • Tải xuống đề thi [DOCX] với đầy đủ đáp án
  • Xem bài giảng đính kèm củng cố thêm kiến thức
  • Bao gồm tất cả các bậc từ Tiểu học đến Đại học
  • Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

Mua ngay

VIP +12 - Luyện thi tất cả các đề có trên Website trong 12 tháng

  • Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
  • Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
  • Tải xuống đề thi [DOCX] với đầy đủ đáp án
  • Xem bài giảng đính kèm củng cố thêm kiến thức
  • Bao gồm tất cả các bậc từ Tiểu học đến Đại học
  • Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

Mua ngay