Trắc nghiệm Tin học ứng dụng 12 Chân trời bài E5: Nhúng mã và tạo băng chuyền hình ảnh
1. Mục đích chính của việc sử dụng các điểm đánh dấu (dots/indicators) trong băng chuyền hình ảnh là gì?
A. Để hiển thị thông tin chi tiết về từng ảnh.
B. Để cho phép người dùng biết họ đang ở slide nào và dễ dàng điều hướng đến slide khác.
C. Để tạo hiệu ứng nền cho trang web.
D. Để thay đổi màu sắc của các nút mũi tên.
2. Trong ngữ cảnh tạo băng chuyền hình ảnh bằng cách nhúng mã, thẻ HTML nào thường được sử dụng để tạo một khối chứa cho các phần tử của băng chuyền, cho phép định kiểu và thao tác dễ dàng?
A. thẻ "section"
B. thẻ "article"
C. thẻ "div"
D. thẻ "main"
3. Một băng chuyền hình ảnh có khả năng cho phép người dùng kéo và thả (drag and drop) các ảnh để di chuyển chúng thường yêu cầu thư viện JavaScript nào hỗ trợ tính năng này?
A. Moment.js
B. Chart.js
C. jQuery UI Sortable hoặc các thư viện chuyên biệt về drag and drop.
D. Axios
4. Trong ngữ cảnh của bài E5, "nhúng mã" đề cập đến hành động nào?
A. Chỉ thêm các dòng mã HTML vào trang.
B. Tích hợp một đoạn mã (HTML, CSS, JavaScript) đã được viết sẵn vào cấu trúc trang web hiện có.
C. Viết lại toàn bộ mã nguồn từ đầu.
D. Tải xuống các tệp mã nguồn mà không sử dụng chúng.
5. Yếu tố nào cần được tối ưu hóa để băng chuyền hình ảnh tải nhanh và không làm chậm hiệu suất trang web?
A. Kích thước và định dạng của tệp ảnh.
B. Số lượng dòng mã JavaScript.
C. Độ phức tạp của mã CSS.
D. Sử dụng nhiều hiệu ứng chuyển động.
6. Khi tạo một băng chuyền hình ảnh đơn giản bằng HTML và CSS, thuộc tính CSS nào được sử dụng để căn chỉnh các ảnh theo chiều ngang trong một container và cho phép chúng trượt qua nhau?
A. "display: block;"
B. "float: left;"
C. "display: inline-block;"
D. "position: absolute;"
7. Để tạo hiệu ứng lặp vô hạn (infinite loop) cho băng chuyền hình ảnh, tức là sau ảnh cuối cùng quay lại ảnh đầu tiên, mã nguồn thường thực hiện điều gì?
A. Chỉ hiển thị một số lượng ảnh cố định.
B. Tái sắp xếp hoặc định vị lại các ảnh để tạo cảm giác liên tục.
C. Dừng băng chuyền sau khi hết ảnh.
D. Hiển thị thông báo "Hết ảnh".
8. Khi sử dụng thư viện JavaScript để tạo băng chuyền, bạn thường cần cung cấp một định danh (ID) hoặc tên lớp (class) cho phần tử cha để làm gì?
A. Để đặt màu nền cho trang web.
B. Để JavaScript có thể xác định và điều khiển chính xác băng chuyền đó.
C. Để tăng tốc độ tải ảnh.
D. Để tạo hiệu ứng chuyển động cho toàn bộ trang.
9. Để tạo hiệu ứng "fade" (mờ dần và hiện ra) cho các ảnh trong băng chuyền bằng JavaScript, thay đổi thuộc tính CSS nào là phổ biến nhất?
A. "margin-left"
B. "opacity"
C. "padding-top"
D. "border-radius"
10. Khi nhúng một đoạn mã có sẵn từ một nền tảng chia sẻ mã (như CodePen, JSFiddle) để tạo băng chuyền, điều quan trọng nhất cần lưu ý về mặt kỹ thuật là gì?
A. Chỉ sao chép phần HTML.
B. Đảm bảo sao chép đầy đủ cả HTML, CSS và JavaScript liên quan.
C. Chỉ sao chép phần CSS.
D. Thay đổi tất cả các thuộc tính mặc định.
11. Trong trường hợp nhúng mã băng chuyền hình ảnh cho một trang web blog, yếu tố nào cần được ưu tiên để đảm bảo trải nghiệm người dùng tốt trên thiết bị di động?
A. Sử dụng ảnh có độ phân giải rất cao.
B. Thiết kế đáp ứng (responsive) và tối ưu hóa tốc độ tải.
C. Tích hợp nhiều hiệu ứng chuyển động phức tạp.
D. Chỉ hiển thị một ảnh duy nhất.
12. Nếu một băng chuyền hình ảnh không hiển thị hoặc hoạt động sai, bước khắc phục sự cố đầu tiên nên tập trung vào điều gì?
A. Kiểm tra lại mã HTML và CSS.
B. Kiểm tra lại kết nối Internet.
C. Xóa toàn bộ mã và bắt đầu lại.
D. Thay đổi kích thước cửa sổ trình duyệt.
13. Khi sử dụng thư viện JavaScript cho băng chuyền, thuộc tính hoặc tùy chọn cấu hình nào thường được sử dụng để đặt số mili giây giữa các lần chuyển đổi tự động?
A. "speed"
B. "autoplaySpeed"
C. "delay"
D. "interval"
14. Để làm cho băng chuyền hình ảnh tự động chuyển đổi giữa các ảnh, đoạn mã JavaScript nào sau đây là cần thiết để kích hoạt chức năng này?
A. Sử dụng hàm "setInterval()" để gọi một hàm chuyển đổi ảnh định kỳ.
B. Sử dụng hàm "setTimeout()" để chuyển đổi ảnh sau một khoảng thời gian cố định.
C. Sử dụng sự kiện "onscroll" để kích hoạt chuyển đổi.
D. Sử dụng hàm "requestAnimationFrame()" để đồng bộ hóa chuyển đổi.
15. Khi muốn nhúng một băng chuyền hình ảnh đã được phát triển và đóng gói thành một thành phần có thể tái sử dụng, người ta thường sử dụng định dạng nào?
A. Tệp tin văn bản thuần túy (.txt).
B. Tệp tin thực thi (.exe).
C. Tệp tin mã nguồn mở (open-source code) hoặc thư viện có sẵn.
D. Tệp tin ảnh (.jpg, .png).
16. Để điều khiển việc hiển thị các ảnh trong băng chuyền, thẻ HTML nào thường được sử dụng để tạo các nút điều hướng (ví dụ: mũi tên trái/phải, các điểm đánh dấu)?
A. thẻ "span"
B. thẻ "label"
C. thẻ "button" hoặc thẻ "a"
D. thẻ "input type="button""
17. Thuộc tính CSS "overflow: hidden;" áp dụng cho container của băng chuyền hình ảnh có tác dụng gì?
A. Làm cho container tự động co giãn theo nội dung.
B. Ẩn đi bất kỳ nội dung nào (như ảnh) tràn ra ngoài kích thước của container.
C. Cho phép nội dung tràn ra ngoài container.
D. Tạo hiệu ứng cuộn ngang cho container.
18. Trong quá trình phát triển băng chuyền hình ảnh, thuộc tính CSS "transition" thường được sử dụng để làm gì?
A. Định nghĩa màu sắc của các điểm đánh dấu.
B. Tạo hiệu ứng chuyển động mượt mà khi thay đổi trạng thái của các phần tử (ví dụ: ảnh trượt).
C. Thiết lập kích thước ban đầu của băng chuyền.
D. Cho phép người dùng kéo thả ảnh.
19. Khi tạo một băng chuyền hình ảnh phức tạp, việc sử dụng các lớp (classes) CSS cho từng trạng thái của slide (ví dụ: "active", "next", "prev") giúp ích gì cho JavaScript?
A. Giúp trình duyệt hiểu ý định của nhà phát triển.
B. Cho phép JavaScript dễ dàng tìm kiếm, thêm, xóa hoặc thay đổi các lớp này để điều khiển hiển thị và hiệu ứng của slide.
C. Tự động tạo các tệp tin ảnh mới.
D. Tăng cường bảo mật cho mã nguồn.
20. Trong mã CSS, việc đặt "position: relative;" cho container của băng chuyền và "position: absolute;" cho các ảnh bên trong thường được dùng để làm gì?
A. Để ảnh tự động thay đổi kích thước.
B. Để các ảnh được định vị tương đối với container cha, cho phép điều khiển vị trí chính xác hơn.
C. Để ẩn các ảnh không sử dụng.
D. Để tạo hiệu ứng đổ bóng cho ảnh.
21. Trong trường hợp sử dụng JavaScript để tạo băng chuyền, làm thế nào để đảm bảo rằng chỉ một ảnh được hiển thị tại một thời điểm trên màn hình?
A. Thiết lập "display: block;" cho tất cả các ảnh.
B. Thiết lập "display: none;" cho tất cả các ảnh trừ ảnh đang hoạt động.
C. Thiết lập "visibility: hidden;" cho các ảnh không hoạt động.
D. Sử dụng "z-index" để chồng các ảnh lên nhau.
22. Khi tạo một băng chuyền hình ảnh bằng cách sử dụng các thẻ "img" trong một danh sách không thứ tự ("ul"), thẻ "li" đóng vai trò gì?
A. Chứa toàn bộ mã JavaScript.
B. Đóng vai trò là từng mục riêng lẻ trong danh sách, mỗi "li" thường chứa một ảnh.
C. Định kiểu cho toàn bộ băng chuyền.
D. Tạo các nút điều hướng.
23. Khi sử dụng một đoạn mã JavaScript từ một nguồn bên ngoài (ví dụ: CDN), cách an toàn và hiệu quả nhất để nhúng nó vào trang HTML là gì?
A. Sao chép toàn bộ mã và dán trực tiếp vào thẻ "body".
B. Sử dụng thẻ "script" với thuộc tính "src" trỏ đến URL của tệp JavaScript.
C. Nhúng mã vào trong thẻ "style".
D. Lưu tệp JavaScript thành tệp ảnh.
24. Khi nhúng mã nguồn của một băng chuyền hình ảnh vào trang web, yếu tố nào sau đây cần được xem xét để đảm bảo khả năng hiển thị trên nhiều thiết bị khác nhau?
A. Chỉ sử dụng kích thước ảnh cố định.
B. Thiết kế băng chuyền với khả năng đáp ứng (responsive design) sử dụng CSS.
C. Giới hạn số lượng ảnh hiển thị cùng lúc.
D. Sử dụng tệp ảnh có dung lượng lớn nhất có thể.
25. Thư viện JavaScript nào rất phổ biến và cung cấp nhiều tính năng để tạo các hiệu ứng băng chuyền hình ảnh phức tạp và tùy chỉnh cao?
A. jQuery UI
B. Bootstrap Carousel
C. Swiper JS
D. Moment.js
