Bộ 30+ Câu hỏi trắc nghiệm Xây dựng phần thân và chân trang web (Có đáp án). Cùng rèn luyện kiến thức thiết kế Website (Web) online ngay nhé.
1. Tại sao việc sử dụng semantic HTML cho phần đầu trang và chân trang lại quan trọng?
A. Nó làm cho trang web tải nhanh hơn.
B. Nó cải thiện khả năng truy cập và SEO.
C. Nó cho phép bạn sử dụng nhiều CSS hơn.
D. Nó làm cho mã của bạn ngắn hơn.
2. Trong CSS, thuộc tính nào được sử dụng để kiểm soát khoảng cách giữa phần chân trang và nội dung chính của trang?
A. margin
B. padding
C. border
D. width
3. Phương pháp nào tốt nhất để đảm bảo rằng phần chân trang của bạn luôn hiển thị ở cuối cửa sổ trình duyệt, ngay cả khi nội dung trang ngắn?
A. Sử dụng JavaScript để tính toán chiều cao của nội dung và điều chỉnh vị trí của chân trang.
B. Sử dụng CSS Grid hoặc Flexbox để tạo bố cục 'sticky footer'.
C. Đặt chiều cao cố định cho phần thân trang.
D. Không cần làm gì cả, chân trang sẽ tự động ở cuối trang.
4. Khi sử dụng CSS Flexbox để tạo bố cục cho phần thân trang, thuộc tính nào được sử dụng để căn chỉnh các phần tử con theo chiều ngang?
A. align-items
B. justify-content
C. flex-direction
D. flex-wrap
5. Khi thiết kế phần chân trang, tại sao việc cung cấp một sơ đồ trang web lại hữu ích cho người dùng?
A. Nó giúp tăng tốc độ tải trang.
B. Nó giúp người dùng dễ dàng tìm thấy nội dung họ cần.
C. Nó cải thiện thứ hạng tìm kiếm của trang web.
D. Nó cho phép người dùng tải xuống trang web để xem ngoại tuyến.
6. Trong HTML, thẻ nào được sử dụng để tạo một vùng chứa chung cho các phần tử khác, thường được sử dụng để nhóm các phần tử lại với nhau để áp dụng kiểu CSS?
7. Khi sử dụng CSS để tạo bố cục responsive, đơn vị nào sau đây thường được ưu tiên sử dụng cho kích thước phông chữ để đảm bảo tính linh hoạt trên các thiết bị khác nhau?
A. px (pixel)
B. pt (point)
C. em
D. in (inch)
8. Trong CSS, thuộc tính nào được sử dụng để làm cho văn bản in đậm?
A. text-weight
B. font-style
C. font-weight
D. text-decoration
9. Thuộc tính CSS nào thường được sử dụng để cố định phần chân trang ở cuối màn hình, ngay cả khi nội dung trang không đủ dài?
A. position: relative
B. position: absolute
C. position: fixed
D. position: static
10. Khi xây dựng phần chân trang cho một trang web thương mại điện tử, thông tin nào sau đây nên được bao gồm để tăng cường sự tin tưởng của khách hàng?
A. Mô tả chi tiết về công nghệ được sử dụng để xây dựng trang web.
B. Chứng nhận bảo mật và các biểu tượng thanh toán an toàn.
C. Danh sách tất cả các nhân viên của công ty.
D. Thông tin về đối thủ cạnh tranh.
11. Khi thiết kế phần thân trang, điều gì quan trọng nhất để đảm bảo khả năng truy cập cho người dùng khuyết tật?
A. Sử dụng hình ảnh động và video tự động phát để thu hút sự chú ý.
B. Cung cấp văn bản thay thế (alt text) cho hình ảnh và đảm bảo độ tương phản màu sắc đủ cao.
C. Sử dụng JavaScript để tạo các hiệu ứng phức tạp.
D. Ẩn bớt nội dung không quan trọng để trang tải nhanh hơn.
12. Trong CSS, thuộc tính nào được sử dụng để kiểm soát thứ tự xếp chồng của các phần tử HTML?
A. position
B. float
C. z-index
D. overflow
13. Trong HTML5, thẻ nào được sử dụng để nhóm các liên kết điều hướng chính của trang web, thường thấy trong phần đầu trang hoặc chân trang?
A. article
B. nav
C. aside
D. main
14. Thuộc tính CSS nào được sử dụng để tạo khoảng cách giữa đường viền của một phần tử và nội dung bên trong nó?
A. margin
B. border
C. padding
D. outline
15. Nội dung nào sau đây KHÔNG nên được đặt trong phần chân trang của một trang web?
A. Thông tin bản quyền
B. Liên kết đến các trang mạng xã hội
C. Form đăng ký nhận bản tin
D. Nội dung chính của trang
16. Thuộc tính CSS nào có thể được sử dụng để tạo hiệu ứng 'sticky' cho phần đầu trang hoặc chân trang khi người dùng cuộn trang?
A. position: relative
B. position: absolute
C. position: sticky
D. position: static
17. Trong HTML5, thẻ nào được sử dụng để biểu thị nội dung độc lập, có thể tái sử dụng trong các ngữ cảnh khác nhau?
A. nav
B. aside
C. article
D. section
18. Trong HTML, thuộc tính nào được sử dụng để thêm một lớp (class) vào một phần tử, cho phép bạn áp dụng các kiểu CSS cụ thể cho phần tử đó?
A. id
B. class
C. style
D. name
19. Thẻ HTML nào thường được sử dụng để tạo phần chân trang cho một trang web?
A. section
B. header
C. footer
D. nav
20. Khi thiết kế phần chân trang, yếu tố nào sau đây nên được ưu tiên để cải thiện trải nghiệm người dùng?
A. Sử dụng màu sắc sặc sỡ và hình ảnh động để thu hút sự chú ý.
B. Cung cấp thông tin liên hệ rõ ràng và dễ tìm.
C. Nhúng nhiều video và nội dung đa phương tiện.
D. Sử dụng phông chữ phức tạp và khó đọc để tạo điểm nhấn.
21. Khi thiết kế phần thân trang, điều gì quan trọng nhất cần xem xét để đảm bảo tính nhất quán về mặt hình ảnh trên toàn bộ trang web?
A. Sử dụng nhiều màu sắc và phông chữ khác nhau.
B. Tuân thủ một hệ thống kiểu dáng (style guide) và sử dụng các thành phần giao diện người dùng (UI components) nhất quán.
C. Thay đổi bố cục trang trên mỗi trang để tạo sự mới lạ.
D. Sử dụng hình ảnh có kích thước và tỷ lệ khác nhau.
22. Trong CSS, thuộc tính nào được sử dụng để thiết lập màu nền cho phần thân trang?
A. color
B. text-color
C. background-color
D. font-color
23. Khi thiết kế phần thân trang cho các thiết bị di động, điều gì quan trọng nhất cần xem xét để đảm bảo trải nghiệm người dùng tốt?
A. Sử dụng hình ảnh có kích thước lớn để tận dụng tối đa màn hình.
B. Đảm bảo các nút và liên kết có kích thước đủ lớn để dễ dàng thao tác bằng ngón tay.
C. Sử dụng hiệu ứng cuộn trang phức tạp để tạo sự thú vị.
D. Ẩn bớt nội dung để trang tải nhanh hơn.
24. Khi xây dựng phần thân trang, điều gì quan trọng nhất để đảm bảo khả năng đọc và trải nghiệm người dùng tốt?
A. Sử dụng quá nhiều hình ảnh động và hiệu ứng.
B. Chọn phông chữ dễ đọc và sử dụng khoảng trắng hợp lý.
C. Sử dụng màu nền và màu chữ tương phản thấp.
D. Nhồi nhét quá nhiều nội dung vào một trang.
25. Trong CSS, thuộc tính nào được sử dụng để thay đổi kiểu hiển thị của một phần tử, ví dụ từ hiển thị theo khối (block) sang hiển thị theo hàng (inline)?
A. position
B. float
C. display
D. visibility
26. Trong CSS, thuộc tính nào được sử dụng để tạo bóng cho văn bản?
A. text-outline
B. text-shadow
C. box-shadow
D. text-effect
27. Khi thiết kế phần chân trang responsive, điều gì quan trọng nhất cần xem xét?
A. Sử dụng kích thước phông chữ tuyệt đối (ví dụ px).
B. Đảm bảo nội dung chân trang không bị tràn ra ngoài màn hình trên các thiết bị nhỏ.
C. Sử dụng hình ảnh có độ phân giải cao để chân trang trông sắc nét trên mọi thiết bị.
D. Cố định chiều cao của chân trang để đảm bảo tính nhất quán trên mọi thiết bị.
28. Trong HTML, phần nào sau đây thường chứa các thẻ meta, title và các liên kết đến các tệp CSS?
A. body
B. header
C. footer
D. head
29. Khi xây dựng một trang web có nhiều nội dung, chiến lược nào sau đây giúp cải thiện hiệu suất tải trang?
A. Sử dụng hình ảnh có độ phân giải cao cho tất cả các hình ảnh.
B. Tải tất cả các tệp JavaScript và CSS ở đầu trang.
C. Tối ưu hóa hình ảnh và sử dụng kỹ thuật lazy loading cho hình ảnh và video.
D. Sử dụng quá nhiều phông chữ tùy chỉnh.
30. Lợi ích chính của việc sử dụng CSS Grid thay vì Flexbox để tạo bố cục trang web là gì?
A. CSS Grid dễ học hơn Flexbox.
B. CSS Grid cho phép tạo bố cục hai chiều phức tạp hơn.
C. CSS Grid tương thích với tất cả các trình duyệt cũ.
D. CSS Grid có hiệu suất tốt hơn Flexbox.
Võ Việt Hoàng SEO