Trắc nghiệm Tin học 12 Cánh diều Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung - Đề 03
Trắc nghiệm Tin học 12 Cánh diều Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Bạn đang xây dựng một trang web và muốn chèn một hình ảnh có tên "logo.png" nằm cùng thư mục với tệp HTML của bạn. Đoạn mã HTML nào sau đây thực hiện đúng yêu cầu này?
- A.
- B.
![]()
- C.

- D.
Câu 2: Khi chèn hình ảnh bằng thẻ `
`, nếu tệp ảnh không thể tải được (ví dụ: đường dẫn sai), trình duyệt sẽ hiển thị gì tại vị trí của ảnh nếu thuộc tính `alt` được cung cấp?
- A. Một khoảng trắng trống.
- B. Một biểu tượng lỗi và tên tệp ảnh.
- C. Toàn bộ đường dẫn đến tệp ảnh.
- D. Văn bản mô tả được cung cấp trong thuộc tính `alt`.
Câu 3: Bạn muốn chèn một tệp âm thanh có tên "nhacnen.mp3" vào trang web và muốn nó tự động phát ngay khi trang tải xong, nhưng không hiển thị bất kỳ bảng điều khiển nào cho người dùng. Đoạn mã HTML nào phù hợp nhất?
Câu 4: Thẻ `
- A. controls
- B. playable
- C. interactive
- D. panel
Câu 5: Bạn muốn nhúng một trang web khác (ví dụ: "https://example.com") vào một khu vực cụ thể trên trang web hiện tại của mình. Thẻ HTML nào được thiết kế cho mục đích này?
Câu 6: Khi sử dụng thẻ `
- A. size và dimension
- B. length và height
- C. width và height
- D. horizontal và vertical
Câu 7: Xem đoạn mã HTML sau: `
`. Nếu tệp "banner.gif" tồn tại và tải thành công, hình ảnh sẽ hiển thị với kích thước như thế nào?
- A. Chiều rộng 500 pixel, chiều cao được tính toán tự động để giữ nguyên tỷ lệ khung hình gốc.
- B. Chiều rộng 500 pixel và chiều cao 500 pixel.
- C. Kích thước gốc của tệp "banner.gif".
- D. Kích thước tối đa mà phần tử chứa ảnh cho phép.
Câu 8: Bạn muốn chèn một video và cung cấp nhiều định dạng tệp khác nhau (ví dụ: MP4, OGG, WebM) để đảm bảo video có thể phát trên nhiều trình duyệt khác nhau. Cấu trúc thẻ HTML nào là cách tiếp cận tốt nhất?
Câu 9: Thuộc tính `autoplay` khi được thêm vào thẻ `
- A. Tự động phát nội dung media ngay khi trang được tải (có thể bị chặn bởi trình duyệt).
- B. Hiển thị bảng điều khiển phát media.
- C. Lặp lại nội dung media sau khi kết thúc.
- D. Tải trước nội dung media khi trang tải.
Câu 10: Sự khác biệt chính về mặt hiển thị giữa việc sử dụng thuộc tính `controls` và không sử dụng thuộc tính này trong thẻ `
- A. Có `controls` thì âm thanh mới phát, không có thì không phát.
- B. Có `controls` thì âm thanh chỉ phát một lần, không có thì lặp lại.
- C. Có `controls` thì trình duyệt hiển thị giao diện điều khiển (phát/tạm dừng, âm lượng), không có thì không hiển thị.
- D. Có `controls` thì âm thanh phát trên loa máy tính, không có thì phát qua tai nghe.
Câu 11: Bạn muốn nhúng một bản đồ tương tác từ Google Maps vào trang web của mình. Loại thẻ HTML nào là lựa chọn phổ biến và phù hợp nhất cho việc này?
- A.
- B.
![]()
- C.
- D.
Câu 12: Trong thẻ `
`, thuộc tính `alt` có vai trò quan trọng đối với khả năng tiếp cận (accessibility) của trang web như thế nào?
- A. Giúp hình ảnh tải nhanh hơn.
- B. Cung cấp văn bản mô tả cho hình ảnh, được sử dụng bởi các công cụ đọc màn hình cho người khiếm thị hoặc khi ảnh không tải được.
- C. Xác định vị trí của hình ảnh trên trang.
- D. Thay đổi màu sắc của hình ảnh.
Câu 13: Xem đoạn mã sau: ``. Điều gì sẽ xảy ra khi người dùng truy cập trang web chứa đoạn mã này?
- A. Video "phim.mp4" sẽ tự động phát.
- B. Video "phim.mp4" sẽ hiển thị và có bảng điều khiển để người dùng tương tác.
- C. Trang web sẽ báo lỗi vì thiếu thuộc tính `controls`.
- D. Video "phim.mp4" sẽ hiển thị khung hình đầu tiên (hoặc poster nếu có), nhưng người dùng không thể phát nó vì thiếu thuộc tính `controls`.
Câu 14: Bạn muốn chèn một đoạn âm thanh ngắn làm hiệu ứng khi người dùng thực hiện một hành động nhất định (ví dụ: nhấn nút), không cần hiển thị bảng điều khiển. Tuy nhiên, bạn muốn đảm bảo âm thanh sẵn sàng phát ngay lập tức khi cần. Ngoài thuộc tính `src`, bạn nên xem xét thuộc tính nào khác của thẻ `
- A. preload="auto" hoặc preload="metadata"
- B. loop
- C. muted
- D. hidden
Câu 15: Khi nhúng nội dung bằng `
- A. Có, hoàn toàn có thể bằng cách sử dụng bộ chọn đặc biệt.
- B. Không, nội dung bên trong `
- C. Chỉ có thể điều chỉnh nếu nội dung nhúng là tệp HTML tĩnh.
- D. Chỉ có thể điều chỉnh nếu trang nhúng và trang được nhúng cùng tên miền.
Câu 16: Bạn đã chèn một hình ảnh bằng thẻ `
` và đặt thuộc tính `width="300"` và `height="200"`. Nếu kích thước gốc của ảnh là 600x400 pixel, ảnh sẽ hiển thị như thế nào?
- A. Với kích thước gốc 600x400 pixel.
- B. Với chiều rộng 300 pixel và chiều cao được tự động điều chỉnh.
- C. Với chiều rộng 300 pixel và chiều cao 200 pixel, có thể bị méo hình so với gốc.
- D. Trang web sẽ báo lỗi vì kích thước khai báo khác kích thước gốc.
Câu 17: Để chèn một đoạn âm thanh lặp đi lặp lại liên tục trên trang web làm nhạc nền, bạn cần thêm thuộc tính nào vào thẻ `
- A. loop
- B. repeat
- C. cycle
- D. again
Câu 18: Xem xét đoạn mã: ``. Tại sao thuộc tính `muted` thường được sử dụng cùng với `autoplay` trong thẻ ``?
- A. Để video hiển thị khung hình đầu tiên nhanh hơn.
- B. Để tránh việc trình duyệt chặn tính năng `autoplay` do chính sách tự động phát có âm thanh.
- C. Để video tự động phát lặp lại.
- D. Để ẩn bảng điều khiển video.
Câu 19: Bạn muốn cung cấp một hình ảnh mặc định hiển thị trong khung video trước khi video bắt đầu phát hoặc trong khi video đang tải. Thuộc tính nào của thẻ `` cho phép bạn chỉ định hình ảnh này?
- A. preview
- B. thumbnail
- C. poster
- D. cover
Câu 20: Khi sử dụng thẻ `
- A. Chỉ định URL của trang web hoặc tệp HTML cần nhúng.
- B. Xác định tên của khung nhúng.
- C. Thiết lập kiểu đường viền cho khung nhúng.
- D. Kiểm soát việc cuộn trang bên trong khung nhúng.
Câu 21: Giả sử bạn có đoạn mã ``. Nếu trình duyệt của người dùng hỗ trợ định dạng OGG nhưng không hỗ trợ MP3, điều gì sẽ xảy ra?
- A. Trình duyệt sẽ tải và phát tệp "audio.ogg".
- B. Trình duyệt sẽ cố gắng tải cả hai tệp và phát tệp nào tải xong trước.
- C. Trình duyệt sẽ bỏ qua cả hai tệp và hiển thị văn bản
- D. Trình duyệt sẽ báo lỗi và không hiển thị gì.
Câu 22: So sánh thẻ `
` và thẻ `
- A. Xác định kích thước hiển thị của nội dung.
- B. Hiển thị bảng điều khiển tương tác.
- C. Chỉ định đường dẫn (URL) đến tệp nội dung (ảnh hoặc âm thanh) cần tải và hiển thị/phát.
- D. Cung cấp văn bản thay thế khi nội dung không tải được.
Câu 23: Bạn muốn chèn một video từ YouTube vào trang web của mình. Mặc dù có thể sử dụng thẻ `` với URL trực tiếp đến tệp video (nếu có), phương pháp phổ biến và được khuyến nghị nhất là sử dụng mã nhúng (embed code) do YouTube cung cấp. Mã nhúng này thường sử dụng thẻ HTML nào?
Câu 24: Thuộc tính `title` có thể được thêm vào thẻ `
`. Khi người dùng di chuột qua hình ảnh, nội dung của thuộc tính `title` sẽ hiển thị dưới dạng một gợi ý (tooltip). Điều này khác với thuộc tính `alt` như thế nào?
- A. `title` bắt buộc phải có, còn `alt` thì không.
- B. `title` chỉ hiển thị khi ảnh không tải được, còn `alt` hiển thị khi di chuột qua.
- C. `title` dành cho công cụ tìm kiếm, `alt` dành cho người dùng.
- D. `title` cung cấp thông tin bổ sung khi di chuột, `alt` cung cấp văn bản thay thế khi ảnh không hiển thị hoặc cho trình đọc màn hình.
Câu 25: Bạn nhúng một trang web khác bằng `
- A. Hiển thị thanh cuộn (scrollbar) bên trong khung `` để người dùng có thể xem toàn bộ nội dung.
- B. Tự động điều chỉnh chiều cao của `` để vừa với nội dung.
- C. Cắt bớt phần nội dung bị tràn ra ngoài khung ``.
- D. Báo lỗi và không hiển thị nội dung bên trong ``.
Câu 26: Để tối ưu hóa việc tải trang khi có nhiều hình ảnh, bạn có thể thêm thuộc tính `loading="lazy"` vào thẻ `
`. Thuộc tính này có tác dụng gì?
- A. Bắt buộc trình duyệt tải tất cả hình ảnh ngay lập tức khi trang tải.
- B. Chỉ tải hình ảnh khi chúng hiển thị trong khung nhìn của người dùng (hoặc sắp hiển thị).
- C. Giảm chất lượng hình ảnh để tải nhanh hơn.
- D. Tự động điều chỉnh kích thước hình ảnh cho phù hợp với màn hình.
Câu 27: Bạn muốn chèn một video có tên "gioithieu.mp4" và muốn nó tự động phát nhưng không có tiếng khi trang được tải. Đoạn mã nào sau đây thực hiện đúng yêu cầu này?
Câu 28: Khi nhúng một trang web có nội dung nhạy cảm hoặc không đáng tin cậy bằng ``, bạn nên cân nhắc thêm thuộc tính `sandbox`. Thuộc tính này có tác dụng gì?
- A. Tự động điều chỉnh kích thước `` cho phù hợp với nội dung.
- B. Hiển thị một đường viền xung quanh `` để cảnh báo người dùng.
- C. Buộc nội dung bên trong `` phải tải qua kết nối bảo mật (HTTPS).
- D. Áp dụng các hạn chế bảo mật cho nội dung bên trong ``, ví dụ: ngăn chặn script chạy, ngăn chặn pop-up, ngăn chặn gửi form.
Câu 29: Bạn có một tệp âm thanh "thongbao.wav" và muốn phát nó khi người dùng click vào một nút. Bạn sẽ sử dụng thẻ `
Câu 30: Xem xét đoạn mã sau: `
`. Thuộc tính `height="auto"` trong trường hợp này có ý nghĩa gì?
- A. Buộc chiều cao của ảnh bằng 100% chiều cao của màn hình.
- B. Trình duyệt sẽ tính toán chiều cao tự động để giữ nguyên tỷ lệ khung hình gốc của ảnh dựa trên chiều rộng được đặt là 100%.
- C. Trình duyệt sẽ bỏ qua thuộc tính `height` và chỉ sử dụng thuộc tính `width`.
- D. Chiều cao của ảnh sẽ bằng chiều cao của phần tử chứa nó.