Trắc nghiệm Khoa học máy tính 12 Chân trời bài F4: Thêm dữ liệu đa phương tiện vào trang web
1. Khi sử dụng thuộc tính "poster" cho thẻ "video", nó dùng để làm gì?
A. Hiển thị một hình ảnh động trước khi video bắt đầu phát.
B. Hiển thị một hình ảnh tĩnh như một hình chiếu trước khi video bắt đầu phát.
C. Tự động phát video khi người dùng cuộn đến nó.
D. Điều chỉnh chất lượng video dựa trên băng thông.
2. Trong HTML, thẻ nào được sử dụng phổ biến nhất để nhúng một tệp âm thanh vào trang web?
A. thẻ "video"
B. thẻ "audio"
C. thẻ "media"
D. thẻ "sound"
3. Thuộc tính "preload" của thẻ "audio" và "video" có các giá trị nào sau đây?
A. "auto", "metadata", "none"
B. "play", "pause", "stop"
C. "high", "medium", "low"
D. "start", "end", "buffer"
4. Định dạng tệp video nào được hỗ trợ rộng rãi nhất trên các trình duyệt web hiện đại?
A. .avi
B. .wmv
C. .mov
D. .mp4 (với codec H.264)
5. Để hiển thị các nút điều khiển (play, pause, âm lượng) cho tệp âm thanh hoặc video, bạn cần thêm thuộc tính nào vào thẻ tương ứng?
A. autoplay
B. loop
C. controls
D. preload
6. Để chỉ định đường dẫn đến tệp hình ảnh cho thẻ "img", bạn sử dụng thuộc tính nào?
A. href
B. link
C. src
D. url
7. Để tạo một danh sách các tệp phương tiện có thể phát trong một trình phát duy nhất, bạn có thể sử dụng cấu trúc nào?
A. Sử dụng nhiều thẻ "audio"/"video" khác nhau.
B. Sử dụng thẻ "source" bên trong một thẻ "audio"/"video" duy nhất, với thuộc tính "src" của thẻ "audio"/"video" chỉ đến tệp đầu tiên.
C. Chỉ định tất cả các tệp trong thuộc tính "src" của một thẻ "audio"/"video".
D. Sử dụng JavaScript để quản lý danh sách phát.
8. Thuộc tính "controls" trên thẻ "audio" và "video" có thể bị ghi đè hoặc tùy chỉnh hoàn toàn bằng phương pháp nào?
A. Sử dụng thuộc tính "style" trực tiếp trên thẻ.
B. Sử dụng JavaScript để tạo giao diện điều khiển tùy chỉnh.
C. Sử dụng các thuộc tính "play", "pause" riêng lẻ.
D. Tắt thuộc tính "controls" và chỉ định đường dẫn tệp.
9. Trong HTML5, định dạng tệp âm thanh nào được hỗ trợ rộng rãi nhất và thường được khuyến nghị sử dụng?
A. .wav
B. .aiff
C. .mp3
D. .aac
10. Trong HTML, thẻ nào được sử dụng để nhúng một hình ảnh vào trang web?
A. thẻ "picture"
B. thẻ "img"
C. thẻ "photo"
D. thẻ "image"
11. Thuộc tính nào của thẻ "audio" hoặc "video" cho phép phương tiện tự động phát khi trang được tải?
A. controls
B. autoplay
C. loop
D. muted
12. Định dạng tệp hình ảnh nào là định dạng phổ biến nhất cho ảnh trên web, hỗ trợ nén và độ trong suốt?
A. .bmp
B. .tiff
C. .png
D. .gif
13. Khi nhúng nhiều định dạng tệp âm thanh hoặc video cho cùng một nguồn, bạn nên sử dụng phần tử nào để trình duyệt có thể chọn định dạng phù hợp nhất?
A. thẻ "source" bên trong thẻ "audio"/"video"
B. nhiều thẻ "audio"/"video" riêng biệt
C. sử dụng thuộc tính "type" trên thẻ "audio"/"video"
D. liên kết trực tiếp đến các tệp trong thuộc tính "src"
14. Thuộc tính nào của thẻ "video" cho phép video lặp lại vô hạn?
A. autoplay
B. muted
C. loop
D. controls
15. Thẻ SVG (Scalable Vector Graphics) được sử dụng để làm gì trên trang web?
A. Nhúng tệp âm thanh.
B. Hiển thị hình ảnh động phức tạp và đồ họa vector có thể co giãn mà không mất chất lượng.
C. Nhúng video có độ phân giải cao.
D. Tạo các nút tương tác đơn giản.
16. Khi sử dụng thẻ "source" với thuộc tính "type", ví dụ "type="video/mp4"", nó có vai trò gì?
A. Xác định kích thước của tệp video.
B. Cho trình duyệt biết định dạng của tệp media, giúp nó chọn tệp phù hợp mà không cần tải xuống.
C. Chỉ định văn bản thay thế cho video.
D. Thiết lập tốc độ phát mặc định của video.
17. Thuộc tính nào của thẻ "img" là bắt buộc để cung cấp văn bản thay thế cho hình ảnh, hữu ích cho SEO và khả năng truy cập?
A. src
B. alt
C. title
D. href
18. Thẻ HTML nào cho phép tạo một vùng chứa cho các phương tiện truyền thông khác nhau, chẳng hạn như hình ảnh, video và âm thanh, và cho phép bạn sử dụng các phần tử "source" để cung cấp nhiều phiên bản?
A. thẻ "figure"
B. thẻ "media"
C. thẻ "picture"
D. thẻ "video" hoặc "audio"
19. Khi muốn hiển thị một hình ảnh có thể thay đổi kích thước tùy thuộc vào kích thước màn hình (responsive image), bạn nên sử dụng thẻ hoặc thuộc tính nào?
A. Chỉ sử dụng thẻ "img" với thuộc tính "width" cố định.
B. Sử dụng thẻ "picture" hoặc các thuộc tính "srcset" và "sizes" trên thẻ "img".
C. Sử dụng thẻ "figure" với CSS.
D. Chỉ sử dụng CSS để thay đổi kích thước hình ảnh.
20. Định dạng ảnh nào phù hợp nhất cho ảnh chụp có nhiều màu sắc và độ tương phản cao, với nén mất dữ liệu để giảm dung lượng?
A. .png
B. .gif
C. .jpeg
D. .svg
21. Thuộc tính "width" và "height" của thẻ "img" có vai trò gì?
A. Chỉ định kích thước hiển thị của hình ảnh trên trang web.
B. Thiết lập độ phân giải của tệp hình ảnh.
C. Xác định đường dẫn đến tệp hình ảnh.
D. Chỉ định văn bản thay thế cho hình ảnh.
22. Thẻ "figure" trong HTML5 thường được sử dụng với mục đích gì?
A. Để nhúng một đoạn mã.
B. Để tạo một khối văn bản tự động dịch.
C. Để nhóm các nội dung tự thân như hình ảnh, biểu đồ, cùng với chú thích (caption).
D. Để định dạng văn bản theo kiểu tiêu đề.
23. Định dạng ảnh nào phù hợp nhất cho các biểu tượng, logo hoặc đồ họa có màu sắc phẳng, đường nét rõ ràng và cần hỗ trợ độ trong suốt?
A. .jpeg
B. .gif
C. .png
D. .bmp
24. Thuộc tính "controlsList" trên thẻ "video" trong HTML5 có thể được sử dụng để làm gì?
A. Chỉ định các định dạng video được hỗ trợ.
B. Ẩn các nút điều khiển mặc định như "download" hoặc "picture-in-picture".
C. Tự động phát video khi có kết nối mạng.
D. Điều chỉnh tốc độ phát của video.
25. Để ngăn chặn âm thanh phát ra khi video tự động phát (nếu được bật), bạn nên thêm thuộc tính nào?
A. controls
B. muted
C. loop
D. preload
