Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài E5: Nhúng mã và tạo băng chuyền hình ảnh Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài E5: Nhúng mã và tạo băng chuyền hình ảnh 1. Trong JavaScript, phương thức DOM nào thường được sử dụng để tìm một phần tử HTML dựa trên ID của nó? A. querySelector() B. getElementsByTagName() C. getElementsByClassName() D. getElementById() 2. Khi tạo một băng chuyền ảnh bằng cách di chuyển một tập hợp các ảnh được đặt cạnh nhau, thuộc tính CSS nào giúp ngăn các ảnh vượt ra khỏi vùng chứa của nó? A. overflow: visible; B. overflow: scroll; C. overflow: hidden; D. overflow: auto; 3. Khi tạo băng chuyền hình ảnh, việc sử dụng CSS để làm cho ảnh responsive (thích ứng) có nghĩa là gì? A. Hình ảnh sẽ tự động thay đổi định dạng file để tải nhanh hơn. B. Hình ảnh sẽ tự động thay đổi kích thước để phù hợp với các kích thước màn hình khác nhau. C. Hình ảnh chỉ hiển thị trên các thiết bị có màn hình lớn. D. Hình ảnh sẽ chỉ tải khi người dùng nhấp vào nó. 4. Trong bài E5, việc nhúng mã có thể bao gồm việc sử dụng các thẻ HTML để định dạng văn bản xung quanh băng chuyền hình ảnh. Thẻ nào thường dùng để tạo đoạn văn bản? A. B. C. D. 5. Trong bài E5, việc nhúng mã có thể liên quan đến việc sử dụng các thuộc tính cho thẻ a (anchor). Thuộc tính nào là bắt buộc để thẻ a hoạt động như một liên kết? A. name B. target C. href D. title 6. Trong HTML, thẻ nào được sử dụng phổ biến nhất để tạo một danh sách các liên kết điều hướng hoặc các mục trong băng chuyền hình ảnh? A. (unordered list) B. (ordered list) C. (list item) D. (anchor) 7. Nếu bạn muốn mỗi hình ảnh trong băng chuyền có cùng chiều cao nhưng chiều rộng khác nhau, bạn sẽ cấu hình CSS như thế nào cho các thẻ img bên trong? A. height: auto; width: 100%; B. height: 200px; width: auto; C. height: 100%; width: 100%; D. height: auto; width: auto; 8. Tại sao việc sử dụng các thẻ ngữ nghĩa (semantic tags) như figure và figcaption lại quan trọng khi nhúng hình ảnh và chú thích trong một trang web? A. Để tăng tốc độ tải trang bằng cách giảm số lượng thẻ. B. Để cải thiện SEO và khả năng truy cập, giúp công cụ tìm kiếm và trình đọc màn hình hiểu rõ hơn về nội dung. C. Để tạo hiệu ứng chuyển động mượt mà cho hình ảnh. D. Để chỉ định kích thước cố định cho hình ảnh trên mọi thiết bị. 9. Trong HTML, thuộc tính src của thẻ img có vai trò gì? A. Cung cấp văn bản thay thế cho hình ảnh. B. Xác định vị trí và tên tệp tin của hình ảnh cần hiển thị. C. Thiết lập kích thước chiều rộng và chiều cao cho hình ảnh. D. Liên kết hình ảnh với một URL khác. 10. Khi nhúng một đoạn mã JavaScript vào trang HTML để điều khiển băng chuyền hình ảnh, vị trí tốt nhất để đặt thẻ thường là ở đâu? A. Trong thẻ của tài liệu. B. Ngay sau thẻ mở. C. Trước thẻ đóng. D. Trong bất kỳ thẻ nào tùy ý. 11. Khi tạo một băng chuyền hình ảnh, bạn có thể sử dụng các điểm điều hướng (navigation dots) để cho người dùng biết ảnh nào đang được hiển thị và cho phép họ chuyển trực tiếp đến ảnh đó. Các điểm này thường được tạo bằng các phần tử nào? A. Thẻ B. Thẻ C. Các thẻ hoặc được định dạng bằng CSS. D. Thẻ 12. Trong một cấu trúc băng chuyền hình ảnh, nếu bạn muốn các hình ảnh được sắp xếp theo chiều ngang và chỉ hiển thị một phần của ảnh, bạn có thể áp dụng thuộc tính CSS nào cho phần tử chứa chúng? A. display: flex; flex-direction: column; B. display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); C. display: flex; overflow-x: auto; white-space: nowrap; D. display: block; position: absolute; 13. Khi tạo một băng chuyền hình ảnh (image carousel) bằng HTML và CSS, mục đích chính của việc sử dụng các lớp (class) CSS là gì? A. Để xác định cấu trúc ngữ nghĩa của nội dung web. B. Để nhóm các phần tử liên quan và áp dụng kiểu dáng CSS một cách hiệu quả. C. Để định nghĩa các thuộc tính JavaScript cho các thành phần tương tác. D. Để chỉ định đường dẫn tới các tệp tin tài nguyên bên ngoài. 14. Tại sao việc tối ưu hóa kích thước tệp hình ảnh lại quan trọng đối với băng chuyền hình ảnh? A. Để làm cho hình ảnh trông sắc nét hơn. B. Để giảm thời gian tải trang và cải thiện trải nghiệm người dùng, đặc biệt trên kết nối mạng chậm. C. Để đảm bảo hình ảnh hiển thị tốt trên màn hình có độ phân giải cao. D. Để làm cho băng chuyền có dung lượng lưu trữ lớn hơn. 15. Để đảm bảo băng chuyền hình ảnh hoạt động tốt trên các thiết bị di động, kỹ thuật nào trong CSS là quan trọng nhất? A. Sử dụng position: fixed; cho tất cả các phần tử. B. Thiết lập width: 100% cho hình ảnh và sử dụng media queries. C. Chỉ sử dụng các định dạng hình ảnh cũ như GIF. D. Tắt hoàn toàn JavaScript trên thiết bị di động. 16. Trong lập trình web, thuật ngữ lazy loading (tải lười biếng) khi áp dụng cho hình ảnh trong băng chuyền có ý nghĩa gì? A. Hình ảnh chỉ tải khi người dùng nhấp vào nút Tải xuống. B. Hình ảnh chỉ được tải khi chúng sắp xuất hiện trong khung nhìn (viewport) của người dùng. C. Tất cả hình ảnh được tải cùng lúc khi trang web bắt đầu tải. D. Hình ảnh được tải với chất lượng thấp ban đầu và nâng cấp sau. 17. Trong ngữ cảnh tạo băng chuyền hình ảnh, nếu bạn muốn người dùng có thể điều hướng qua các ảnh bằng cách nhấn các nút mũi tên trái/phải, bạn sẽ cần sử dụng công nghệ gì để xử lý sự kiện nhấn phím? A. Chỉ CSS B. JavaScript C. Chỉ HTML D. Thuộc tính controls của video. 18. Khi bạn cần nhúng một đoạn mã HTML hoặc CSS vào một trang web khác mà không muốn người dùng chỉnh sửa trực tiếp, bạn thường sẽ sử dụng phương pháp nào? A. Sao chép và dán mã trực tiếp vào trang đích. B. Sử dụng iframe để nhúng nội dung từ một nguồn khác. C. Yêu cầu người dùng tải xuống tệp mã nguồn. D. Chỉ hiển thị mã dưới dạng văn bản thuần túy. 19. Khi cần nhúng một hình ảnh được lưu trữ trên một máy chủ khác (external image), bạn sẽ cấu hình thuộc tính nào của thẻ img? A. Thuộc tính alt với URL của hình ảnh. B. Thuộc tính src với URL đầy đủ của hình ảnh. C. Thuộc tính href với URL của hình ảnh. D. Thuộc tính link với URL của hình ảnh. 20. Trong ngữ cảnh tạo băng chuyền hình ảnh, nếu muốn mỗi hình ảnh chỉ hiển thị một lần và sau đó chuyển sang ảnh tiếp theo, bạn sẽ cấu hình thuộc tính nào của trình phát đa phương tiện (nếu sử dụng) hoặc logic điều khiển (nếu dùng JavaScript/CSS)? A. Lặp lại (looping) vô hạn. B. Chế độ xem đơn (single view) hoặc chuyển tiếp một lần. C. Tự động phát (autoplay) liên tục. D. Tạm dừng khi di chuột qua (pause on hover). 21. Trong bài E5 Nhúng mã và tạo băng chuyền hình ảnh, khi sử dụng thẻ HTML img để hiển thị hình ảnh, thuộc tính nào là bắt buộc phải có để mô tả nội dung hình ảnh cho các trình đọc màn hình và trong trường hợp hình ảnh không tải được? A. Thuộc tính title B. Thuộc tính src C. Thuộc tính alt D. Thuộc tính href 22. Nếu bạn muốn tạo một hiệu ứng mà khi người dùng rê chuột qua một hình ảnh trong băng chuyền, hình ảnh đó sẽ phóng to nhẹ, bạn sẽ sử dụng kỹ thuật nào kết hợp với CSS? A. Sử dụng thuộc tính box-shadow. B. Sử dụng thuộc tính transform: scale() trong pseudo-class :hover. C. Thay đổi thuộc tính background-color. D. Sử dụng thuộc tính border-radius. 23. Để tạo hiệu ứng chuyển cảnh mượt mà giữa các hình ảnh trong băng chuyền, bạn có thể sử dụng kỹ thuật CSS nào? A. Thuộc tính display: inline-block; B. Thuộc tính transition hoặc animation. C. Thuộc tính float: left; D. Thuộc tính background-image: url(...); 24. Mục đích chính của việc sử dụng thuộc tính controls trong thẻ HTML khi nhúng video là gì? A. Để video tự động phát ngay khi trang tải xong. B. Để hiển thị các nút điều khiển như phát, tạm dừng, âm lượng và thanh tiến trình. C. Để video chỉ hiển thị trên các trình duyệt hỗ trợ HTML5. D. Để đặt một hình ảnh đại diện cho video trước khi phát. 25. Trong CSS, thuộc tính nào được sử dụng để thiết lập khoảng cách giữa các phần tử con trong một flexbox container? A. padding B. margin C. gap D. border Nộp đáp án Nội dung liên quan: Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài F8: Một số thuộc tính cơ bản của CSS Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài E6: Chèn YouTube, Calendar, Drive và Collapsible group Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài A3: Thực hành kết nối thiết bị số với máy tính Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài A4: Thực hành kết nối thiết bị số với máy tính (tiếp theo)
