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