Bài Tập 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 - Đề 04
Bài Tập 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 - Đề 04 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Để chèn một hình ảnh có tên "logo.png" vào trang web và hiển thị một văn bản thay thế "Logo công ty ABC" khi ảnh không tải được hoặc cho mục đích hỗ trợ người dùng khiếm thị, bạn sẽ sử dụng đoạn mã HTML nào sau đây?
Câu 2: Bạn đang thiết kế một trang web và muốn chèn một tệp âm thanh "background_music.mp3" để nó tự động phát ngay khi trang được tải xong, nhưng không hiển thị bảng điều khiển cho người dùng. Bạn sẽ sử dụng cấu trúc thẻ `
Câu 3: Một video "intro.mp4" được chèn vào trang web bằng thẻ `
- A. autoplay
- B. loop
- C. src
- D. controls
Câu 4: Thẻ HTML nào sau đây thường được sử dụng để nhúng một nội dung từ trang web khác (ví dụ: một trang HTML khác, bản đồ Google Maps, hoặc video YouTube) vào trong trang web hiện tại của bạn, tạo ra một "khung" hiển thị nội dung đó?
Câu 5: Bạn đã chèn một hình ảnh bằng thẻ `
` nhưng nó hiển thị với kích thước quá lớn, làm hỏng bố cục trang. Thuộc tính nào của thẻ `
` bạn sẽ sử dụng để điều chỉnh chiều rộng và chiều cao của ảnh hiển thị?
- A. size
- B. width và height
- C. dimension
- D. scale
Câu 6: Khi chèn tệp âm thanh hoặc video, việc cung cấp nhiều định dạng tệp khác nhau (ví dụ: .mp3, .ogg cho âm thanh; .mp4, .webm cho video) bên trong thẻ `
- A. Tăng khả năng tương thích trên các trình duyệt khác nhau.
- B. Giảm dung lượng tệp media.
- C. Tự động thêm bảng điều khiển phát.
- D. Bắt buộc tệp media phải tự động phát.
Câu 7: Bạn muốn nhúng một trang web khác vào trang của mình bằng thẻ `
- A. link
- B. href
- C. src
- D. source
Câu 8: Xem đoạn mã sau: ``. Video này sẽ hoạt động như thế nào khi trang web được tải?
- A. Video sẽ không tự động phát và không lặp lại.
- B. Video sẽ tự động phát nhưng chỉ phát một lần.
- C. Video sẽ phát và lặp lại, có bảng điều khiển cho người dùng.
- D. Video sẽ tự động phát và lặp lại, không có bảng điều khiển cho người dùng.
Câu 9: Thuộc tính `alt` trong thẻ `
` đóng vai trò quan trọng trong việc cải thiện khả năng truy cập (accessibility) và tối ưu hóa công cụ tìm kiếm (SEO). Ý nghĩa chính của thuộc tính `alt` là gì?
- A. Cung cấp văn bản mô tả thay thế cho hình ảnh.
- B. Xác định đường dẫn đến tệp hình ảnh.
- C. Thiết lập kích thước hiển thị của hình ảnh.
- D. Thêm chú thích hiển thị khi rê chuột qua ảnh.
Câu 10: Khi chèn một hình ảnh bằng thẻ `
` mà không sử dụng thuộc tính `width` hoặc `height`, trình duyệt sẽ hiển thị hình ảnh với kích thước mặc định là bao nhiêu?
- A. Kích thước bằng 100% chiều rộng của phần tử chứa nó.
- B. Kích thước tối ưu cho màn hình thiết bị.
- C. Kích thước gốc (kích thước thực tế) của tệp hình ảnh.
- D. Kích thước nhỏ nhất có thể để tiết kiệm không gian.
Câu 11: Bạn muốn chèn một đoạn âm thanh ngắn vào trang web và muốn nó lặp đi lặp lại liên tục sau khi phát xong. Thuộc tính nào của thẻ `
- A. repeat
- B. loop
- C. autoplay
- D. controls
Câu 12: Giả sử bạn đã chèn một video bằng thẻ `` và muốn hiển thị một hình ảnh tĩnh (thumbnail) trước khi video được phát. Thuộc tính nào của thẻ `` cho phép bạn chỉ định đường dẫn đến hình ảnh này?
- A. poster
- B. thumbnail
- C. preview
- D. image
Câu 13: Khi sử dụng thẻ `
- A. Có, sử dụng bộ chọn CSS đặc biệt cho iframe.
- B. Có, nhưng chỉ với các thuộc tính CSS cơ bản.
- C. Không, vì nội dung trong iframe được tải bất đồng bộ.
- D. Không, vì nội dung trong iframe là một tài liệu độc lập và bị giới hạn bảo mật (same-origin policy).
Câu 14: Đoạn mã HTML nào sau đây là cách không đúng để chèn một tệp âm thanh "song.wav" vào trang web?
- A.

- B.
- C.
- D.
Câu 15: Bạn muốn chèn một video "presentation.mp4" vào trang web và muốn video này tự động bắt đầu phát khi trang được tải, nhưng bạn không muốn nó lặp lại. Cần sử dụng thuộc tính nào của thẻ ``?
- A. controls và autoplay
- B. loop và autoplay
- C. autoplay
- D. controls và loop
Câu 16: Thuộc tính `src` trong thẻ `
`, `
- A. Thiết lập kích thước của đối tượng.
- B. Hiển thị bảng điều khiển tương tác.
- C. Cung cấp văn bản thay thế.
- D. Chỉ định nguồn (đường dẫn/URL) của nội dung media/khung.
Câu 17: Bạn đang chèn một hình ảnh "gallery/pic1.jpg". Nếu tệp HTML của bạn nằm ở cùng cấp với thư mục "gallery", đường dẫn nào sau đây là đúng để sử dụng trong thuộc tính `src`?
- A. gallery/pic1.jpg
- B. ../gallery/pic1.jpg
- C. /gallery/pic1.jpg
- D. pic1.jpg
Câu 18: Khi sử dụng thẻ `
- A. Một thông báo lỗi mặc định của trình duyệt.
- B. Không có gì hiển thị.
- C. Nội dung văn bản được đặt giữa thẻ mở và thẻ đóng (thường là thông báo "Trình duyệt của bạn không hỗ trợ...").
- D. Một biểu tượng hình ảnh mặc định.
Câu 19: Bạn muốn nhúng một video từ YouTube vào trang web của mình. Mặc dù YouTube cung cấp mã nhúng (embed code) thường sử dụng `
- A. Thuộc tính `src` sẽ là đường dẫn trực tiếp đến tệp video gốc (.mp4).
- B. Thuộc tính `src` sẽ là một URL đặc biệt do YouTube cung cấp để hiển thị trình phát video.
- C. Bạn không thể sử dụng `` để nhúng video từ YouTube.
- D. Cần sử dụng thuộc tính `type` để chỉ định loại video là YouTube.
Câu 20: Khi sử dụng thẻ `` với thuộc tính `controls`, trình duyệt thường cung cấp các nút điều khiển cơ bản nào cho người dùng?
- A. Play/Pause, thanh tiến trình, âm lượng.
- B. Phát lại chậm, tua nhanh.
- C. Chụp màn hình, chia sẻ.
- D. Tải xuống video, thay đổi chất lượng.
Câu 21: Bạn muốn chèn một hình ảnh và đảm bảo rằng nó sẽ hiển thị với chiều rộng là 200 pixel và chiều cao tự động điều chỉnh để giữ nguyên tỷ lệ khung hình gốc của ảnh. Bạn sẽ sử dụng thuộc tính nào?
- A. Chỉ sử dụng thuộc tính `height="auto"`.
- B. Sử dụng cả `width="200px"` và `height="200px"`.
- C. Chỉ sử dụng thuộc tính `width="200"` (hoặc `width="200px"`).
- D. Sử dụng thuộc tính `aspect-ratio` trong CSS.
Câu 22: Thuộc tính nào của thẻ `` hoặc `` cho phép tệp media bắt đầu phát ngay khi trang web được tải, mà không cần người dùng tương tác?
- A. play
- B. start
- C. run
- D. autoplay
Câu 23: Bạn chèn một tệp âm thanh bằng thẻ `` nhưng không thêm thuộc tính `controls`. Điều gì sẽ xảy ra trên trang web?
- A. Âm thanh sẽ tự động phát và lặp lại.
- B. Âm thanh có thể phát (nếu có `autoplay`) nhưng người dùng không có cách nào để điều khiển nó qua giao diện chuẩn.
- C. Âm thanh sẽ không bao giờ phát.
- D. Trình duyệt sẽ hiển thị một thông báo lỗi.
Câu 24: Khi nhúng một trang web bên ngoài bằng ``, nội dung của trang được nhúng được hiển thị như thế nào so với trang web mẹ?
- A. Trong một khung hoặc cửa sổ riêng biệt bên trong trang web mẹ.
- B. Hòa trộn hoàn toàn với nội dung của trang web mẹ.
- C. Luôn hiển thị dưới dạng pop-up.
- D. Chỉ hiển thị dưới dạng liên kết.
Câu 25: Bạn đang chèn một hình ảnh bằng thẻ `
` và muốn nó được căn giữa theo chiều ngang trong phần tử chứa nó. Mặc dù việc căn giữa thường được thực hiện bằng CSS, trong ngữ cảnh HTML thuần túy, thuộc tính căn chỉnh nào từng được sử dụng (mặc dù hiện tại không khuyến khích và đã lỗi thời trong HTML5) cho thẻ `
`?
- A. center
- B. position
- C. align
- D. layout
Câu 26: Xem đoạn mã sau: `Trình duyệt của bạn không hỗ trợ thẻ audio.`. Nếu trình duyệt hỗ trợ định dạng MP3 nhưng không hỗ trợ OGG, điều gì sẽ xảy ra?
- A. Trình duyệt sẽ phát tệp "song.mp3".
- B. Trình duyệt sẽ phát tệp "song.ogg".
- C. Trình duyệt sẽ hiển thị thông báo "Trình duyệt của bạn không hỗ trợ thẻ audio.".
- D. Trình duyệt sẽ báo lỗi và không hiển thị gì.
Câu 27: Bạn muốn chèn một video "promo.mp4" vào trang web và muốn nó tự động phát khi người dùng cuộn đến vị trí của video trên trang, nhưng không phát ngay khi trang tải. Thuộc tính nào của thẻ `` bạn có thể sử dụng kết hợp với JavaScript để thực hiện hành vi này?
- A. controls
- B. loop
- C. poster
- D. autoplay (và sử dụng JavaScript)
Câu 28: Khi sử dụng thẻ ``, việc thiết lập thuộc tính `width` và `height` bằng pixel (ví dụ: `width="600" height="400"`) có ý nghĩa gì?
- A. Thiết lập kích thước nội dung bên trong iframe.
- B. Thiết lập kích thước của khung hiển thị iframe trên trang web mẹ.
- C. Thiết lập kích thước mặc định của trình duyệt.
- D. Thiết lập tỷ lệ khung hình của iframe.
Câu 30: Bạn đã chèn một video bằng thẻ `` với thuộc tính `controls`. Tuy nhiên, bạn nhận thấy bảng điều khiển mặc định của trình duyệt trông không phù hợp với thiết kế trang web của bạn. Giải pháp nào sau đây là phổ biến nhất để tùy chỉnh giao diện bảng điều khiển video?
- A. Bỏ thuộc tính `controls` và sử dụng JavaScript kết hợp với HTML/CSS tùy chỉnh để xây dựng bảng điều khiển riêng.
- B. Tìm kiếm các thuộc tính CSS đặc biệt để định kiểu cho bảng điều khiển mặc định của trình duyệt.
- C. Thay đổi định dạng tệp video sang định dạng hỗ trợ tùy chỉnh giao diện.
- D. Sử dụng thuộc tính `style` trực tiếp trên thẻ `` để thay đổi màu sắc và kích thước nút.