Trắc nghiệm Tin học ứng dụng 12 Chân trời bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng giúp bạn nhận biết điểm mạnh và điểm yếu của bản thân thông qua nội dung bám sát chương trình học. Các câu hỏi được xây dựng theo lộ trình giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với học sinh muốn cải thiện điểm số. Thông qua quá trình làm bài, bạn có thể xác định phần kiến thức còn yếu. Điều này giúp việc học trở nên hiệu quả hơn.
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Khi muốn cố định thanh điều hướng ở trên cùng khi cuộn trang, thuộc tính CSS nào cần dùng?
- - position: fixed
- - position: relative
- - position: absolute
- - position: static
Câu 2: Trong cấu trúc HTML, thẻ 'nav' nên đặt ở vị trí nào để đảm bảo tính tối ưu?
- - Bên trong thẻ footer
- - Bên trong thẻ body, thường ở phía trên cùng (header)
- - Bên ngoài thẻ html
- - Sau cùng của trang web, dưới phần chân trang
Câu 3: Tệp tin mở rộng nào thường được sử dụng cho các tệp định dạng kiểu dáng cho trang web?
- - .html
- - .css
- - .js
- - .txt
Câu 4: Thuộc tính nào trong CSS được dùng để xóa gạch chân mặc định của các liên kết trong thanh điều hướng?
- - text-decoration: none
- - font-style: normal
- - border-style: none
- - outline: none
Câu 5: Trong việc thiết kế trang web, đâu là vai trò chính của thanh điều hướng (navigation bar)?
- - Tăng cường bảo mật cho máy chủ web
- - Hỗ trợ người dùng di chuyển giữa các trang con một cách thuận tiện
- - Tự động thay đổi kích thước hình ảnh trên trang
- - Lưu trữ dữ liệu cá nhân của người truy cập
Câu 6: Trong thiết kế thanh điều hướng, việc sử dụng thẻ ul và li có mục đích chính là gì?
- - Để định dạng màu sắc cho văn bản
- - Để tạo danh sách các mục liên kết một cách khoa học
- - Để nhúng video vào thanh điều hướng
- - Để căn lề phải cho toàn bộ trang web
Câu 7: Thuộc tính CSS nào cho phép chuyển đổi các mục trong danh sách từ dạng dọc sang dạng ngang?
- - position: absolute
- - float: left hoặc display: flex
- - text-align: center
- - overflow: hidden
Câu 8: Thuộc tính nào kiểm soát màu sắc chữ của thanh điều hướng?
- - background-color
- - color
- - font-weight
- - line-height
Câu 9: Đâu là cách kết nối tệp CSS bên ngoài với tệp HTML?
- - Sử dụng thẻ link trong phần head
- - Sử dụng thẻ script trong phần head
- - Sử dụng thẻ div trong phần body
- - Sử dụng thẻ meta trong phần head
Câu 10: Việc thiết lập trạng thái hover (di chuột qua) cho thanh điều hướng mang lại lợi ích gì?
- - Tăng tốc độ tải trang
- - Tăng khả năng tương tác và phản hồi thị giác cho người dùng
- - Giảm dung lượng tệp tin CSS
- - Tự động chuyển trang mà không cần click
Câu 11: Việc sử dụng 'menu hamburger' (biểu tượng 3 gạch) trong thiết kế web thường xuất hiện khi nào?
- - Trên màn hình máy tính để bàn có độ phân giải lớn
- - Khi thiết bị có màn hình nhỏ (như điện thoại di động)
- - Khi trang web không có liên kết nào
- - Trong các trang web chỉ có duy nhất một bài viết
Câu 12: Thẻ 'a' yêu cầu thuộc tính nào để xác định địa chỉ trang web cần liên kết tới?
- - src
- - href
- - alt
- - id
Câu 13: Thiết kế thanh điều hướng 'responsive' có nghĩa là gì?
- - Thanh điều hướng chỉ xuất hiện khi nhấn chuột phải
- - Thanh điều hướng tự động thay đổi bố cục phù hợp với kích thước màn hình
- - Thanh điều hướng luôn cố định ở trên cùng màn hình
- - Thanh điều hướng có màu sắc thay đổi theo thời gian
Câu 14: Lợi ích của việc đặt tên lớp (class) rõ ràng cho các thẻ trong thanh điều hướng là gì?
- - Giúp trang web tải nhanh hơn
- - Giúp việc quản lý và định dạng bằng CSS dễ dàng hơn
- - Làm cho trình duyệt hiểu được nội dung văn bản
- - Tự động tạo ra sơ đồ trang web
Câu 15: Để căn chỉnh khoảng cách giữa các mục trong thanh điều hướng, thuộc tính CSS nào hiệu quả nhất?
- - padding
- - z-index
- - opacity
- - cursor
Câu 16: Thuộc tính 'font-family' trong CSS dùng để làm gì?
- - Đổi kích thước chữ
- - Thay đổi phông chữ cho văn bản
- - Làm chữ đậm lên
- - Căn lề cho chữ
Câu 17: Đâu là thành phần không bắt buộc nhưng thường có trong thiết kế trang web hiện đại?
- - Thanh tiêu đề (Header)
- - Thanh điều hướng (Nav)
- - Thanh bên (Sidebar)
- - Nội dung chính (Main)
Câu 18: Điều gì xảy ra nếu thuộc tính 'display: none' được áp dụng cho một mục trong thanh điều hướng?
- - Mục đó sẽ bị mờ đi
- - Mục đó sẽ hoàn toàn biến mất khỏi giao diện
- - Mục đó sẽ được gạch chân
- - Mục đó sẽ nhảy lên đầu danh sách
Câu 19: Tại sao nên hạn chế quá nhiều liên kết trong thanh điều hướng?
- - Để tệp tin HTML nhẹ hơn
- - Để tránh gây rối mắt và giúp người dùng dễ dàng đưa ra quyết định
- - Vì trình duyệt sẽ không hiển thị quá 10 mục
- - Để bảo mật thông tin các trang con
Câu 20: Khi thiết kế web, việc 'hiệu chỉnh trang web' nhằm mục đích gì?
- - Chỉ để làm đẹp mã nguồn
- - Để tối ưu giao diện và nội dung theo yêu cầu người dùng
- - Để xóa bỏ hoàn toàn mã HTML cũ
- - Để thay đổi tên miền của trang web
Câu 21: Sự khác biệt giữa thẻ 'div' và thẻ 'nav' là gì?
- - Thẻ div có ý nghĩa về ngữ nghĩa tốt hơn nav
- - Thẻ nav mang tính ngữ nghĩa (semantic) chỉ khu vực điều hướng, còn div là thẻ bao chung
- - Thẻ nav không thể dùng CSS còn div thì có
- - Không có sự khác biệt nào
Câu 22: Khi hiệu chỉnh cấu trúc trang web, thẻ nào thường được sử dụng để định nghĩa khu vực chứa thanh điều hướng?
- - Thẻ nav
- - Thẻ section
- - Thẻ footer
- - Thẻ aside
Câu 23: Khi hiệu chỉnh trang web, thuộc tính CSS nào thường được dùng để loại bỏ dấu chấm đầu dòng của danh sách trong thanh điều hướng?
- - list-style-type: none
- - text-decoration: none
- - display: block
- - border: 0
Câu 24: Để tạo liên kết giữa các trang web trong thanh điều hướng, ta sử dụng thẻ nào?
- - Thẻ img
- - Thẻ div
- - Thẻ a
- - Thẻ li
Câu 25: Thuộc tính 'background-color' dùng để làm gì trong thiết kế thanh điều hướng?
- - Thay đổi màu chữ
- - Thiết lập màu nền cho thanh điều hướng
- - Điều chỉnh khoảng cách giữa các mục
- - Chèn ảnh nền vào sau các chữ