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
1. Nếu bạn muốn một liên kết mở ra trong một cửa sổ hoặc tab mới, bạn sẽ thêm thuộc tính nào vào thẻ "a"?
A. target="_self"
B. target="_blank"
C. target="_parent"
D. target="_top"
2. Trong thiết kế web, thẻ HTML nào được sử dụng phổ biến nhất để tạo một liên kết đến một trang khác?
A. thẻ "img"
B. thẻ "p"
C. thẻ "a"
D. thẻ "h1"
3. Để chỉnh sửa nội dung văn bản trong một trang web, công cụ nào sau đây thường được sử dụng đầu tiên?
A. Trình duyệt web (ví dụ: Chrome, Firefox)
B. Trình soạn thảo văn bản (ví dụ: Notepad, Sublime Text)
C. Phần mềm đồ họa (ví dụ: Photoshop, GIMP)
D. Trình phát nhạc (ví dụ: VLC Media Player)
4. Khi bạn muốn tạo một liên kết đến một địa chỉ email để người dùng có thể gửi email, bạn sẽ sử dụng giao thức nào trong thuộc tính "href"?
A. http://
B. https://
C. mailto:
D. ftp://
5. Khi thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icons) thay cho văn bản có ưu điểm gì?
A. Tăng độ phức tạp cho người dùng.
B. Tiết kiệm không gian hiển thị và có thể truyền tải ý nghĩa nhanh chóng hơn cho người dùng quen thuộc.
C. Yêu cầu băng thông mạng cao hơn.
D. Không tương thích với các thiết bị di động.
6. Thuộc tính "src" của thẻ "img" dùng để làm gì?
A. Chỉ định đường dẫn đến tệp hình ảnh.
B. Tạo chú thích cho hình ảnh.
C. Đặt kích thước chiều rộng cho hình ảnh.
D. Xác định văn bản thay thế khi hình ảnh không hiển thị.
7. Thành phần nào của trang web thường chứa các liên kết đến các trang chính như "Trang chủ", "Giới thiệu", "Sản phẩm"?
A. Footer (chân trang)
B. Header (đầu trang) hoặc Navigation Bar (thanh điều hướng)
C. Sidebar (thanh bên)
D. Content Area (khu vực nội dung chính)
8. Thẻ HTML nào được sử dụng để tạo một danh sách có thứ tự (ordered list) với các số hoặc ký tự đánh dấu?
9. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu nền của một phần tử trên trang web?
A. color
B. background-color
C. text-align
D. font-size
10. Trong quá trình thiết kế thanh điều hướng responsive (thích ứng), yếu tố nào cần được ưu tiên để đảm bảo trải nghiệm tốt trên mọi thiết bị?
A. Sử dụng nhiều hiệu ứng JavaScript phức tạp.
B. Tập trung vào tính dễ sử dụng, bố cục gọn gàng và khả năng hiển thị tốt trên các kích thước màn hình khác nhau.
C. Giữ nguyên kích thước và vị trí của tất cả các phần tử.
D. Sử dụng hình ảnh có độ phân giải rất cao cho mọi biểu tượng.
11. Thẻ HTML nào dùng để tạo một tiêu đề cấp 1 (lớn nhất) trên trang web?
A. thẻ "h2"
B. thẻ "h3"
C. thẻ "h1"
D. thẻ "title"
12. Trong HTML, để tạo một liên kết đến một phần cụ thể bên trong cùng một trang, bạn cần kết hợp thuộc tính "href" với gì?
A. Một thẻ "div" với thuộc tính "id".
B. Một thẻ "span" với thuộc tính "class".
C. Một thẻ "h2" với thuộc tính "name".
D. Một thẻ "a" với thuộc tính "name".
13. Thuộc tính "href" của thẻ "a" dùng để làm gì?
A. Xác định kiểu chữ cho liên kết.
B. Chỉ định địa chỉ URL của trang đích hoặc tài nguyên mà liên kết trỏ tới.
C. Đặt văn bản hiển thị cho liên kết.
D. Xác định cách mở liên kết (ví dụ: trong tab mới).
14. Mục đích chính của việc sử dụng tệp CSS riêng biệt cho một trang web là gì?
A. Tăng dung lượng trang web.
B. Tách biệt hoàn toàn phần nội dung (HTML) khỏi phần trình bày (CSS), giúp dễ quản lý và bảo trì.
C. Tạo ra các hiệu ứng động phức tạp.
D. Lưu trữ hình ảnh và video.
15. Để tạo một liên kết điều hướng đến một trang web bên ngoài, ví dụ như "https://www.google.com", bạn sẽ viết mã HTML như thế nào?
16. Để chỉnh sửa kiểu dáng của tất cả các liên kết trong một trang web, bạn nên áp dụng CSS cho thẻ nào?
A. thẻ "body"
B. thẻ "a"
C. thẻ "div"
D. thẻ "p"
17. Thanh điều hướng (navigation bar) trên một trang web có vai trò chính là gì?
A. Hiển thị quảng cáo.
B. Cung cấp các liên kết để người dùng dễ dàng truy cập các phần khác nhau của trang web hoặc các trang web liên quan.
C. Tự động phát nhạc nền cho trang web.
D. Tăng tốc độ tải trang web.
18. Thẻ HTML nào dùng để tạo một danh sách không có thứ tự (unordered list) với các dấu đầu dòng?
19. Nếu bạn muốn một liên kết có thể tải xuống một tệp tin thay vì điều hướng đến một trang mới, bạn sẽ sử dụng thuộc tính nào?
A. href
B. src
C. download
D. target
20. Trong CSS, thuộc tính nào dùng để đặt khoảng cách giữa các phần tử?
A. padding
B. margin
C. border
D. outline
21. Thuộc tính "alt" của thẻ "img" có chức năng gì?
A. Xác định vị trí của hình ảnh trên trang.
B. Cung cấp văn bản thay thế (alternative text) cho hình ảnh, hiển thị khi hình ảnh không tải được hoặc khi sử dụng trình đọc màn hình.
C. Đặt kích thước chiều cao cho hình ảnh.
D. Tạo hiệu ứng chuyển động cho hình ảnh.
22. Để làm cho một liên kết có màu xanh dương mặc định và gạch chân, bạn sẽ sử dụng đoạn mã CSS nào?
A. a { color: blue; text-decoration: underline; }
B. a { background-color: blue; }
C. a { font-weight: bold; }
D. a { text-align: center; }
23. Thẻ HTML nào thường được sử dụng để tạo một nút bấm (button) trên trang web?
A. thẻ "a"
B. thẻ "span"
C. thẻ "button"
D. thẻ "input type="button""
24. Trong JavaScript, làm thế nào để thay đổi nội dung của một phần tử HTML có "id" là "greeting" thành "Xin chào thế giới"?
A. document.getElementById("greeting").innerHTML = "Xin chào thế giới";
B. document.getElementByClass("greeting").innerHTML = "Xin chào thế giới";
C. document.querySelector("greeting").value = "Xin chào thế giới";
D. document.getElementById("greeting").textContent("Xin chào thế giới");
25. Bạn muốn thanh điều hướng của mình có nền màu xám và các liên kết màu trắng. Bạn sẽ viết CSS như thế nào?
A. .navbar { background-color: gray; color: white; }
B. navbar { background-color: white; color: gray; }
C. navbar { background: gray; link-color: white; }
D. navbar { background-color: grey; text-color: white; }
