Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 3: Tạo thanh điều hướng cho trang web giúp bạn đánh giá chính xác mức độ hiểu bài thông qua dạng bài tập quen thuộc thường gặp trong đề thi. Các câu hỏi được thiết kế khoa học giúp bạn không bị quá tải. Đặ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 chủ động hơn.
Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 3: Tạo thanh điều hướng cho trang web
⏱ 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: Để thay đổi định dạng của thanh điều hướng (ví dụ: chuyển từ dọc sang ngang), ta thường sử dụng ngôn ngữ nào?
- - CSS
- - JavaScript
- - PHP
- - SQL
Câu 2: Tại sao thanh điều hướng nên được đặt ở vị trí dễ quan sát trên trang web?
- - Để trang web trông đẹp hơn
- - Để tăng trải nghiệm người dùng và giúp họ định vị nội dung nhanh chóng
- - Để tăng tốc độ tải trang
- - Để chiếm diện tích màn hình
Câu 3: Để tạo liên kết đến một trang web khác hoặc một vị trí khác trên trang, ta sử dụng thẻ nào?
- - Thẻ 'url'
- - Thẻ 'href'
- - Thẻ 'a'
- - Thẻ 'src'
Câu 4: Trong thiết kế web hiện đại, kỹ thuật nào sau đây giúp thanh điều hướng tự thay đổi bố cục trên điện thoại?
- - Thiết kế tĩnh (Static design)
- - Thiết kế đáp ứng (Responsive design)
- - Thiết kế cố định (Fixed design)
- - Thiết kế khung (Frame design)
Câu 5: Trong cấu trúc của một menu điều hướng, thẻ 'nav' thường được đặt ở đâu trong cấu trúc HTML?
- - Bên trong thẻ 'footer'
- - Ngay bên trong thẻ 'header' hoặc ngay sau thẻ 'header'
- - Bên trong thẻ 'body' nhưng trước thẻ 'head'
- - Chỉ đặt ở cuối trang web
Câu 6: Giá trị nào của thuộc tính 'text-decoration' dùng để loại bỏ gạch chân mặc định của thẻ liên kết?
- - hidden
- - none
- - underline
- - transparent
Câu 7: Để tạo khoảng cách giữa các mục menu, ta thường sử dụng thuộc tính CSS nào?
- - margin hoặc padding
- - width
- - z-index
- - opacity
Câu 8: Thuộc tính 'text-align: center' trên thẻ 'ul' giúp thực hiện việc gì trong thanh điều hướng?
- - Canh giữa các mục menu theo chiều ngang
- - Canh giữa văn bản trong trang
- - Chỉnh khoảng cách dòng
- - Tạo hiệu ứng bóng đổ
Câu 9: Để tạo thanh điều hướng theo chiều dọc, chúng ta cần thay đổi thuộc tính nào so với chiều ngang?
- - Đặt 'display: block' cho các thẻ 'li'
- - Xóa thuộc tính float
- - Tăng độ dày của viền
- - Cả đáp án 1 và 2 đều đúng
Câu 10: Trong HTML, thẻ nào thường được sử dụng để bao quanh danh sách các liên kết trong thanh điều hướng?
- - Thẻ 'nav'
- - Thẻ 'section'
- - Thẻ 'div'
- - Thẻ 'header'
Câu 11: Tại sao nên hạn chế sử dụng phông chữ quá phức tạp trên thanh điều hướng?
- - Vì nó làm tốn dung lượng của máy chủ
- - Vì nó làm giảm khả năng đọc hiểu và tính chuyên nghiệp
- - Vì trình duyệt sẽ không hiển thị được
- - Vì phông chữ phức tạp không dùng được trong HTML
Câu 12: Trong một danh sách 'ul', thẻ nào dùng để khai báo từng mục liên kết riêng lẻ?
- - Thẻ 'li'
- - Thẻ 'a'
- - Thẻ 'link'
- - Thẻ 'item'
Câu 13: Khi nhúng font từ Google Fonts vào trang web, ta thường đặt liên kết ở đâu?
- - Trong thẻ 'script'
- - Trong thẻ 'head'
- - Trong thẻ 'body'
- - Trong thẻ 'footer'
Câu 14: Thanh điều hướng 'cố định' (sticky navigation) có đặc điểm gì nổi bật?
- - Luôn biến mất khi cuộn trang
- - Luôn nằm ở cuối trang
- - Luôn hiển thị ở phía trên màn hình khi người dùng cuộn xuống
- - Chỉ xuất hiện khi nhấn nút menu
Câu 15: Trong CSS, để loại bỏ dấu chấm đầu dòng của danh sách trong thanh điều hướng, ta dùng thuộc tính nào?
- - list-style-type: none
- - text-decoration: none
- - border: none
- - display: block
Câu 16: Để tạo một danh sách các liên kết không thứ tự cho thanh điều hướng, ta nên dùng thẻ nào?
- - Thẻ 'ol'
- - Thẻ 'ul'
- - Thẻ 'dl'
- - Thẻ 'table'
Câu 17: Trong cấu trúc menu đa cấp, phần tử nào thường chứa các mục con (dropdown)?
- - Một thẻ 'li' chứa một thẻ 'ul' khác
- - Một thẻ 'a' chứa một thẻ 'img'
- - Một thẻ 'header' chứa một thẻ 'nav'
- - Một thẻ 'div' trống
Câu 18: Thuộc tính 'display: flex' thường được áp dụng cho thẻ nào để quản lý thanh điều hướng?
- - Thẻ 'li'
- - Thẻ 'ul'
- - Thẻ 'a'
- - Thẻ 'img'
Câu 19: Thành phần nào sau đây đóng vai trò là danh mục điều hướng chính để người dùng di chuyển giữa các trang trên website?
- - Thanh trạng thái
- - Thanh tiêu đề
- - Thanh điều hướng
- - Thanh cuộn
Câu 20: Để làm nổi bật trang hiện tại người dùng đang truy cập trên thanh điều hướng, người thiết kế thường làm gì?
- - Thêm một lớp CSS riêng cho mục đó
- - Xóa mục đó đi
- - Đổi màu toàn bộ trang web
- - Làm thanh menu biến mất
Câu 21: Để dàn hàng ngang các mục trong thanh điều hướng bằng CSS, người ta thường dùng thuộc tính nào cho thẻ 'li'?
- - float: left
- - position: static
- - display: inline
- - Cả đáp án 1 và 3 đều đúng
Câu 22: Thuộc tính nào của thẻ 'a' xác định địa chỉ đích mà liên kết sẽ chuyển đến?
- - Thuộc tính 'src'
- - Thuộc tính 'link'
- - Thuộc tính 'id'
- - Thuộc tính 'href'
Câu 23: Khi thiết kế thanh điều hướng, việc chọn màu sắc tương phản giúp ích gì?
- - Giúp thanh điều hướng nổi bật và dễ nhận diện hơn
- - Làm cho trang web có nhiều màu sắc
- - Giảm dung lượng tệp tin
- - Không có ý nghĩa gì đặc biệt
Câu 24: Thành phần nào sau đây không nên đặt quá nhiều trên thanh điều hướng chính?
- - Các liên kết quan trọng
- - Logo website
- - Quá nhiều liên kết phụ khiến người dùng rối mắt
- - Thanh tìm kiếm nhanh
Câu 25: Để tạo hiệu ứng đổi màu khi di chuột vào mục menu, trong CSS ta dùng lớp giả (pseudo-class) nào?
- - :hover
- - :active
- - :focus
- - :visited