15+ Đề 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

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


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

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 - Đề 01

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 - Đề 01 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: Thẻ HTML nào sau đây được sử dụng để chèn một hình ảnh vào trang web?

  • A. <img>
  • B. <image>
  • C. <picture>
  • D. <photo>

Câu 2: Để chỉ định đường dẫn đến tệp hình ảnh cần hiển thị, thuộc tính nào của thẻ <img> được sử dụng?

  • A. alt
  • B. href
  • C. link
  • D. src

Câu 3: Thuộc tính `alt` trong thẻ <img> có vai trò chính là gì?

  • A. Xác định kích thước của ảnh.
  • B. Cung cấp văn bản thay thế khi ảnh không hiển thị hoặc cho mục đích tiếp cận.
  • C. Chỉ định căn lề cho ảnh.
  • D. Đặt tên cho tệp ảnh.

Câu 4: Bạn muốn chèn hình ảnh `logo.png` nằm trong thư mục `images` cùng cấp với tệp HTML hiện tại. Đoạn mã HTML nào sau đây là đúng?

  • A. <img src=
  • B. <img src=
  • C. <img src=
  • D. <img src=

Câu 5: Thẻ HTML nào sau đây được sử dụng để chèn một tệp âm thanh vào trang web?

  • A. <audio>
  • B. <sound>
  • C. <music>
  • D. <media>

Câu 6: Để hiển thị bảng điều khiển (phát, tạm dừng, âm lượng) cho người dùng tương tác với tệp âm thanh, thuộc tính nào của thẻ <audio> cần được thêm vào?

  • A. src
  • B. controls
  • C. autoplay
  • D. playable

Câu 7: Nếu một thẻ <audio> có thuộc tính `autoplay`, điều gì sẽ xảy ra khi trang web được tải?

  • A. Âm thanh sẽ lặp đi lặp lại.
  • B. Bảng điều khiển âm thanh sẽ tự động ẩn đi.
  • C. Âm thanh sẽ tự động phát khi trang tải xong.
  • D. Người dùng phải nhấp vào nút phát để nghe âm thanh.

Câu 8: Thẻ <source> thường được sử dụng bên trong thẻ <audio> hoặc <video> với mục đích gì?

  • A. Hiển thị phụ đề cho video.
  • B. Tạo liên kết đến tệp media.
  • C. Đặt hình ảnh xem trước cho video.
  • D. Cung cấp nhiều định dạng tệp media khác nhau để trình duyệt lựa chọn.

Câu 9: Thẻ HTML nào sau đây được sử dụng để chèn một tệp video vào trang web?

  • A. <movie>
  • B. <clip>
  • C. <video>
  • D. <media>

Câu 10: Tương tự thẻ <audio>, thuộc tính nào của thẻ <video> cho phép hiển thị bảng điều khiển để người dùng tương tác (phát, tạm dừng, tua, âm lượng)?

  • A. controls
  • B. src
  • C. display
  • D. interface

Câu 11: Thuộc tính `loop` trong thẻ <video> hoặc <audio> có chức năng gì?

  • A. Chỉ phát một phần của tệp media.
  • B. Tạm dừng tệp media khi kết thúc.
  • C. Tự động phát tệp media khi trang tải xong.
  • D. Lặp lại việc phát tệp media khi kết thúc.

Câu 12: Thuộc tính `poster` của thẻ <video> được sử dụng để làm gì?

  • A. Đặt hình nền cho trình phát video.
  • B. Hiển thị hình ảnh xem trước của video trước khi phát.
  • C. Chỉ định định dạng tệp video.
  • D. Thêm phụ đề cho video.

Câu 13: Thẻ HTML nào sau đây được sử dụng để nhúng một tài liệu HTML khác hoặc một trang web từ nguồn khác vào trang web hiện tại, tạo thành một khung (frame)?

  • A. <frame>
  • B. <embed>
  • C. <iframe>
  • D. <window>

Câu 14: Để chỉ định URL của trang web hoặc tài liệu cần nhúng khi sử dụng thẻ <iframe>, thuộc tính nào được sử dụng?

  • A. href
  • B. link
  • C. url
  • D. src

Câu 15: Để xác định kích thước (chiều rộng và chiều cao) của khung nhúng tạo bởi thẻ <iframe>, thuộc tính nào được sử dụng?

  • A. width và height
  • B. size
  • C. dimension
  • D. scale

Câu 16: Xem xét đoạn mã HTML sau: <img src=

  • A. Một khoảng trống.
  • B. Chỉ hiển thị tên tệp `missing.jpg`.
  • C. Biểu tượng ảnh lỗi và văn bản
  • D. Toàn bộ trang web sẽ không hiển thị.

Câu 17: Bạn muốn chèn một tệp âm thanh `notification.mp3` vào trang web sao cho nó tự động phát khi trang tải xong và lặp đi lặp lại. Đoạn mã HTML nào sau đây thực hiện được điều này?

  • A. <audio src=
  • B. <audio src=
  • C. <audio src=
  • D. <audio src=

Câu 18: Để đảm bảo tệp video `myvideo` có thể phát trên nhiều trình duyệt, bạn nên cung cấp ít nhất hai định dạng phổ biến như MP4 và WebM. Cấu trúc HTML nào sau đây minh họa cách sử dụng thẻ <source> để làm điều này?

  • A. <video controls><source src=
  • B. <video src=
  • C. <video controls>src=
  • D. <video controls><src file=

Câu 19: Bạn muốn nhúng trang web `https://www.example.com` vào trang của mình với kích thước khung là 800px chiều rộng và 600px chiều cao. Đoạn mã HTML nào sau đây là đúng?

  • A. <iframe url=
  • B. <iframe link=
  • C. <frame src=
  • D. <iframe src=

Câu 20: Khi sử dụng thuộc tính `width` và `height` cho thẻ <img>, nếu giá trị được đặt không tương ứng với tỷ lệ gốc của ảnh, điều gì có thể xảy ra?

  • A. Ảnh có thể bị méo (co hoặc giãn) để khớp với kích thước mới.
  • B. Ảnh sẽ chỉ hiển thị một phần.
  • C. Ảnh sẽ không hiển thị.
  • D. Ảnh sẽ tự động điều chỉnh tỷ lệ để không bị méo.

Câu 21: Bạn có một tệp video `demo.mp4` và muốn hiển thị một hình ảnh `preview.jpg` trước khi video bắt đầu phát. Đoạn mã HTML nào sau đây sử dụng đúng thuộc tính `poster`?

  • A. <video src=
  • B. <video src=
  • C. <video src=
  • D. <video src=

Câu 22: Xem xét đoạn mã: <audio src=

  • A. Tệp âm thanh có định dạng WAV.
  • B. Thiếu thuộc tính `controls`.
  • C. Có thuộc tính `autoplay`.
  • D. Tệp âm thanh bị hỏng.

Câu 23: Bạn muốn chèn một hình ảnh `header.gif` nằm ở cấp thư mục cao hơn thư mục hiện tại một cấp. Đoạn mã HTML nào sau đây sử dụng đúng đường dẫn tương đối?

  • A. <img src=
  • B. <img src=
  • C. <img src=
  • D. <img src=

Câu 24: Mục đích chính của việc sử dụng thuộc tính `alt` cho hình ảnh là gì?

  • A. Để ảnh tải nhanh hơn.
  • B. Để ảnh hiển thị đẹp hơn.
  • C. Để ảnh có thể nhấp vào.
  • D. Cải thiện khả năng tiếp cận và hỗ trợ công cụ tìm kiếm.

Câu 25: Giả sử bạn có đoạn mã <video src=

  • A. Video sẽ tự động phát và lặp lại.
  • B. Video sẽ hiển thị hình ảnh xem trước thay vì phát.
  • C. Người dùng không có cách nào để phát, tạm dừng hoặc điều chỉnh video (trừ khi có `autoplay`).
  • D. Trình duyệt sẽ yêu cầu cài đặt plugin để xem video.

Câu 26: Khi nhúng nội dung từ một trang web khác sử dụng thẻ <iframe>, bạn KHÔNG thể trực tiếp làm gì với nội dung bên trong iframe bằng CSS hoặc JavaScript của trang chứa iframe?

  • A. Đặt kích thước của khung iframe.
  • B. Thay đổi kiểu dáng (CSS) của các phần tử bên trong iframe.
  • C. Đặt đường viền cho khung iframe.
  • D. Chỉ định URL của nội dung cần nhúng.

Câu 27: Bạn muốn hiển thị một tệp ảnh động định dạng GIF có tên `animation.gif` với chiều rộng cố định là 400px và chiều cao tự động điều chỉnh để giữ nguyên tỷ lệ gốc. Đoạn mã HTML nào sau đây là đúng?

  • A. <img src=
  • B. <img src=
  • C. <img src=
  • D. <img src=

Câu 28: Thẻ <iframe> khác với thẻ <img>, <audio>, <video> ở điểm cơ bản nào về loại nội dung được nhúng?

  • A. Iframe chỉ nhúng nội dung từ cùng một máy chủ.
  • B. Iframe không thể điều chỉnh kích thước.
  • C. Iframe nhúng một tài liệu HTML hoàn chỉnh, các thẻ kia nhúng tệp media cụ thể.
  • D. Iframe yêu cầu plugin để hoạt động.

Câu 29: Bạn muốn nhúng một đoạn âm thanh ngắn `alert.ogg` chỉ phát một lần khi trang tải xong và không hiển thị bất kỳ điều khiển nào. Đoạn mã nào sau đây là phù hợp nhất?

  • A. <audio src=
  • B. <audio src=
  • C. <audio src=
  • D. <audio src=

Câu 30: Xem xét đoạn mã: <iframe src=

  • A. Thanh cuộn sẽ xuất hiện bên trong khung iframe để xem toàn bộ nội dung.
  • B. Nội dung sẽ bị cắt bớt và chỉ hiển thị phần vừa với kích thước 500x300px.
  • C. Kích thước của iframe sẽ tự động điều chỉnh để vừa với nội dung.
  • D. Trang web sẽ hiển thị lỗi.

1 / 30

Category: 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

Tags: Bộ đề 1

Câu 1: Thẻ HTML nào sau đây được sử dụng để chèn một hình ảnh vào trang web?

2 / 30

Category: 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

Tags: Bộ đề 1

Câu 2: Để chỉ định đường dẫn đến tệp hình ảnh cần hiển thị, thuộc tính nào của thẻ được sử dụng?

3 / 30

Category: 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

Tags: Bộ đề 1

Câu 3: Thuộc tính `alt` trong thẻ có vai trò chính là gì?

4 / 30

Category: 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

Tags: Bộ đề 1

Câu 4: Bạn muốn chèn hình ảnh `logo.png` nằm trong thư mục `images` cùng cấp với tệp HTML hiện tại. Đoạn mã HTML nào sau đây là đúng?

5 / 30

Category: 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

Tags: Bộ đề 1

Câu 5: Thẻ HTML nào sau đây được sử dụng để chèn một tệp âm thanh vào trang web?

6 / 30

Category: 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

Tags: Bộ đề 1

Câu 6: Để hiển thị bảng điều khiển (phát, tạm dừng, âm lượng) cho người dùng tương tác với tệp âm thanh, thuộc tính nào của thẻ

7 / 30

Category: 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

Tags: Bộ đề 1

Câu 7: Nếu một thẻ

8 / 30

Category: 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

Tags: Bộ đề 1

Câu 8: Thẻthường được sử dụng bên trong thẻ

9 / 30

Category: 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

Tags: Bộ đề 1

Câu 9: Thẻ HTML nào sau đây được sử dụng để chèn một tệp video vào trang web?

10 / 30

Category: 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

Tags: Bộ đề 1

Câu 10: Tương tự thẻ

11 / 30

Category: 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

Tags: Bộ đề 1

Câu 11: Thuộc tính `loop` trong thẻ

12 / 30

Category: 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

Tags: Bộ đề 1

Câu 12: Thuộc tính `poster` của thẻ

13 / 30

Category: 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

Tags: Bộ đề 1

Câu 13: Thẻ HTML nào sau đây được sử dụng để nhúng một tài liệu HTML khác hoặc một trang web từ nguồn khác vào trang web hiện tại, tạo thành một khung (frame)?

14 / 30

Category: 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

Tags: Bộ đề 1

Câu 14: Để chỉ định URL của trang web hoặc tài liệu cần nhúng khi sử dụng thẻ . Nếu tệp `external-content.html` có nội dung dài hơn kích thước 500x300px, điều gì thường xảy ra?

Xem kết quả

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


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

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 - Đề 02

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 - Đề 02 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 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 mình vào trang web. Đoạn mã HTML nào sau đây là đúng nhất?

  • A. <image src="logo.png">
  • B. <img link="logo.png">
  • C. <img src="logo.png" alt="Logo công ty">
  • D. <picture src="logo.png">

Câu 2: Thuộc tính `alt` trong thẻ `` có vai trò quan trọng nhất trong trường hợp nào sau đây?

  • A. Hỗ trợ người dùng khuyết tật (ví dụ: sử dụng trình đọc màn hình) hoặc khi ảnh không tải được.
  • B. Xác định kích thước hiển thị của ảnh trên trang.
  • C. Tạo hiệu ứng động khi di chuột qua ảnh.
  • D. Thay đổi màu sắc của ảnh dựa trên cài đặt trình duyệt.

Câu 3: Bạn muốn nhúng một đoạn âm thanh nền (background music) vào trang web và muốn nó tự động phát khi trang được tải, nhưng không hiển thị bảng điều khiển cho người dùng. Bạn sẽ sử dụng những thuộc tính nào của thẻ `

  • A. src và controls
  • B. src và loop
  • C. src, controls và autoplay
  • D. src và autoplay

Câu 4: Xem xét đoạn mã HTML sau cho một video: <video src="video.mp4" width="320" height="240" controls></video>. Video này sẽ hiển thị như thế nào trên trình duyệt?

  • A. Video sẽ tự động phát khi trang tải và có bảng điều khiển.
  • B. Video sẽ không tự động phát nhưng có bảng điều khiển để người dùng tương tác.
  • C. Video sẽ không tự động phát và không có bảng điều khiển.
  • D. Video sẽ lặp lại liên tục sau khi kết thúc.

Câu 5: Để cung cấp nhiều định dạng tệp cho cùng một nguồn âm thanh hoặc video nhằm tăng khả năng tương thích với các trình duyệt khác nhau, bạn nên sử dụng thẻ nào bên trong thẻ `

  • A. <source>
  • B. <track>
  • C. <media>
  • D. <format>

Câu 6: Thẻ `` có khả năng hiển thị khung nhúng chính xác như mong muốn (nhúng 'otherpage.html' với kích thước 500x300) không? Tại sao?

Xem kết quả

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


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

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 - Đề 07

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 - Đề 07 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: Để chèn một hình ảnh có tên tệp `logo.png` nằm cùng thư mục với tệp HTML hiện tại vào trang web, thẻ và thuộc tính cơ bản nào là cần thiết nhất?

  • A. <img name=
  • B. <image src=
  • C. <img src=
  • D. <picture file=

Câu 2: Thuộc tính `alt` trong thẻ `` có mục đích chính là gì?

  • A. Xác định kích thước chiều cao của ảnh.
  • B. Thiết lập đường viền cho ảnh.
  • C. Chỉ định đường dẫn đến tệp ảnh.
  • D. Cung cấp văn bản thay thế nếu ảnh không hiển thị hoặc cho trình đọc màn hình.

Câu 3: Bạn muốn chèn một hình ảnh có tên `banner.jpg` nằm trong thư mục con `images` (cùng cấp với tệp HTML) vào trang web. Đường dẫn tương đối (relative path) chính xác cho thuộc tính `src` sẽ là gì?

  • A. images/banner.jpg
  • B. /images/banner.jpg
  • C. ../images/banner.jpg
  • D. banner.jpg

Câu 4: Xem xét đoạn mã HTML sau: <img src=

  • A. Đúng
  • B. Sai

Câu 5: Bạn muốn chèn một đoạn nhạc nền vào trang web mà không hiển thị bất kỳ trình điều khiển nào cho người dùng. Thẻ và thuộc tính nào sau đây là phù hợp nhất?

  • A. <audio src=
  • B. <audio src=
  • C. <sound src=
  • D. <music src=

Câu 6: Để một tệp âm thanh được chèn bằng thẻ `

  • A. play=
  • B. start=
  • C. autoplay
  • D. auto-play=

Câu 7: Khi sử dụng thẻ `

  • A. Đảm bảo khả năng tương thích trên nhiều trình duyệt khác nhau.
  • B. Giảm kích thước tệp âm thanh/video.
  • C. Cho phép người dùng lựa chọn định dạng họ muốn nghe/xem.
  • D. Tăng tốc độ tải trang web.

Câu 8: Bạn đã chèn một video bằng thẻ `

  • A. src
  • B. controls
  • C. autoplay
  • D. loop

Câu 9: Bạn muốn hiển thị một hình ảnh đại diện (thumbnail) cho video trước khi người dùng nhấn nút play. Thuộc tính nào của thẻ `

  • A. poster
  • B. preview
  • C. thumbnail
  • D. image

Câu 10: Thẻ `. Nếu trang `https://www.example.com` có cài đặt bảo mật `X-Frame-Options: DENY` trong header phản hồi HTTP, điều gì có khả năng xảy ra nhất khi bạn cố gắng nhúng nó vào trang của mình?

Xem kết quả

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


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

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 - Đề 09

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 - Đề 09 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 muốn chèn một hình ảnh có tên tệp `logo.png` nằm cùng thư mục với tệp HTML hiện tại vào trang web của mình. Đoạn mã HTML nào sau đây thực hiện đúng yêu cầu đó?

  • A. <image src=
  • B. <img src=
  • C. <picture src=
  • D. <img href=

Câu 2: Khi chèn hình ảnh bằng thẻ <img>, thuộc tính nào sau đây đóng vai trò quan trọng nhất trong việc cải thiện khả năng tiếp cận (accessibility) cho người dùng khi hình ảnh không hiển thị hoặc họ sử dụng trình đọc màn hình?

  • A. src
  • B. title
  • C. alt
  • D. description

Câu 3: Xem xét đoạn mã HTML sau: <img src=

  • A. 300x400 pixel
  • B. 600x300 pixel
  • C. 300x200 pixel
  • D. 300x200 pixel (vì giữ nguyên tỷ lệ 600/400 = 300/200)

Câu 4: Bạn muốn chèn một tệp âm thanh có tên `song.mp3` vào trang web và muốn người dùng có thể tự điều khiển việc phát/dừng, điều chỉnh âm lượng. Đoạn mã HTML nào sau đây là phù hợp nhất?

  • A. <audio src=
  • B. <sound src=
  • C. <audio src=
  • D. <audio src=

Câu 5: Thuộc tính `autoplay` trong thẻ <audio> hoặc <video> có chức năng gì?

  • A. Hiển thị bảng điều khiển cho người dùng.
  • B. Lặp lại nội dung media sau khi kết thúc.
  • C. Chỉ định đường dẫn đến tệp media.
  • D. Tự động phát nội dung media khi trang được tải.

Câu 6: Bạn muốn chèn một tệp video có tên `myvideo.mp4` vào trang web. Đoạn mã HTML cơ bản nào sau đây được sử dụng?

  • A. <media src=
  • B. <audio src=
  • C. <video src=
  • D. <iframe src=

Câu 7: Khi chèn video bằng thẻ <video>, thuộc tính nào sau đây cho phép bạn chỉ định một hình ảnh sẽ hiển thị trong khi video đang tải hoặc trước khi người dùng nhấn nút play?

  • A. preview
  • B. poster
  • C. thumbnail
  • D. src

Câu 8: Để đảm bảo trình duyệt có thể phát được tệp âm thanh hoặc video của bạn, bạn nên cung cấp nhiều định dạng tệp khác nhau bên trong thẻ <audio> hoặc <video> bằng cách sử dụng thẻ con nào?

  • A. <source>
  • B. <track>
  • C. <media>
  • D. <file>

Câu 9: Bạn muốn nhúng nội dung của một trang web khác (ví dụ: `https://example.com`) vào một khung trên trang web hiện tại của mình. Thẻ HTML nào sau đây được sử dụng cho mục đích này?

  • A. <embed>
  • B. <frame>
  • C. <link>
  • D. <iframe>

Câu 10: Khi sử dụng thẻ <iframe> để nhúng nội dung, thuộc tính nào được dùng để xác định địa chỉ (URL) của trang web hoặc tài liệu cần nhúng?

  • A. href
  • B. src
  • C. link
  • D. data

Câu 11: Xem xét đoạn mã HTML sau: <video controls><source src=

  • A. Hiển thị thông báo
  • B. Chỉ thử tải tệp video.mp4 và bỏ qua tệp video.webm.
  • C. Thử tải tệp video.webm vì nó không hỗ trợ video.mp4.
  • D. Không hiển thị gì cả vì không có thuộc tính src trực tiếp trên thẻ <video>.

Câu 12: Thuộc tính `loop` trong thẻ <audio> hoặc <video> được sử dụng để làm gì?

  • A. Lặp lại nội dung media sau khi phát xong.
  • B. Phát nội dung media nhiều lần cùng lúc.
  • C. Tải nội dung media trước khi người dùng nhấn play.
  • D. Hiển thị số lần nội dung media đã được phát.

Câu 13: Khi chèn hình ảnh, việc sử dụng thuộc tính `alt` (văn bản thay thế) mang lại lợi ích gì cho SEO (Tối ưu hóa công cụ tìm kiếm)?

  • A. Làm giảm kích thước tệp ảnh, giúp trang tải nhanh hơn.
  • B. Tự động tối ưu hóa chất lượng hình ảnh cho các thiết bị khác nhau.
  • C. Chỉ hiển thị khi người dùng di chuột qua ảnh.
  • D. Giúp công cụ tìm kiếm hiểu nội dung hình ảnh, cải thiện thứ hạng tìm kiếm hình ảnh.

Câu 14: Bạn muốn nhúng một đoạn mã HTML đơn giản `

Chào mừng!

` vào trang web của mình như là văn bản để người dùng nhìn thấy chính xác mã đó, không phải kết quả render của nó. Đoạn mã HTML nào sau đây thực hiện đúng?

  • B. `

    Chào mừng!

    `

  • C.
  • D. <code><p>Chào mừng!</p></code>

Câu 15: Thuộc tính `frameborder=

  • A. Loại bỏ đường viền xung quanh khung iframe.
  • B. Đặt màu nền cho khung iframe là màu đen.
  • C. Ngăn chặn cuộn (scrolling) trong khung iframe.
  • D. Đặt độ rộng của viền khung là 0 pixel (không viền).

Câu 16: Một tệp video `intro.webm` cần được phát tự động khi trang tải và không có bảng điều khiển nào hiển thị. Đoạn mã HTML nào sau đây đúng?

  • A. <video src=
  • B. <video src=
  • C. <video src=
  • D. <video src=

Câu 17: Bạn đang gặp vấn đề: hình ảnh bạn chèn vào trang web không hiển thị. Các nguyên nhân có thể là gì? Chọn phương án đầy đủ nhất.

  • A. Chỉ có thể do đường dẫn (thuộc tính src) bị sai.
  • B. Chỉ có thể do tệp ảnh không tồn tại trên máy chủ.
  • C. Chỉ có thể do trình duyệt không hỗ trợ định dạng ảnh.
  • D. Đường dẫn tệp (src) sai, tệp ảnh không tồn tại, hoặc tên tệp/định dạng ảnh bị sai.

Câu 18: Thuộc tính `allowfullscreen` khi sử dụng với thẻ <iframe> có ý nghĩa gì, đặc biệt khi nhúng video từ các dịch vụ như YouTube?

  • A. Cho phép người dùng tải xuống nội dung được nhúng.
  • B. Cho phép nội dung bên trong iframe hiển thị ở chế độ toàn màn hình.
  • C. Tự động điều chỉnh kích thước iframe cho vừa với màn hình.
  • D. Chỉ cho phép nội dung hiển thị trong một phần nhỏ của màn hình.

Câu 19: Để chèn một ảnh nền vào một phần tử HTML bằng CSS thay vì sử dụng thẻ <img>, bạn sẽ sử dụng thuộc tính CSS nào?

  • A. background-image
  • B. src
  • C. image-source
  • D. background-src

Câu 20: Xem xét đoạn mã HTML sau: <audio controls loop><source src=

  • A. Tệp audio.wav vì định dạng WAV phổ biến hơn.
  • B. Cả hai tệp audio.ogg và audio.wav cùng lúc.
  • C. Tệp audio.ogg vì nó được liệt kê trước.
  • D. Không phát tệp nào cả vì có nhiều hơn một nguồn.

Câu 21: Bạn muốn chèn một bản đồ từ Google Maps vào trang web của mình. Phương pháp phổ biến và phù hợp nhất để làm điều này là sử dụng thẻ HTML nào?

  • A. <img>
  • B. <audio>
  • C. <video>
  • D. <iframe>

Câu 22: Thuộc tính `sandbox` trong thẻ <iframe> được sử dụng để làm gì?

  • A. Áp dụng các hạn chế bảo mật cho nội dung được nhúng.
  • B. Tự động điều chỉnh kích thước iframe cho vừa với nội dung.
  • C. Hiển thị một khung bao quanh iframe.
  • D. Chỉ định đường dẫn đến một tệp CSS để định dạng nội dung bên trong.

Câu 23: Điểm khác biệt cơ bản về mục đích sử dụng giữa thẻ <img> và việc sử dụng `background-image` trong CSS để hiển thị hình ảnh là gì?

  • A. <img> dùng cho ảnh động, còn background-image dùng cho ảnh tĩnh.
  • B. <img> chỉ chèn được ảnh JPG, còn background-image chèn được mọi định dạng.
  • C. <img> dùng cho ảnh là nội dung, background-image dùng cho ảnh trang trí.
  • D. <img> chỉ hiển thị ảnh nhỏ, background-image hiển thị ảnh lớn.

Câu 24: Bạn muốn chèn một video từ YouTube vào trang web của mình. YouTube thường cung cấp mã nhúng (embed code) sử dụng thẻ nào?

  • A. <iframe>
  • B. <video>
  • C. <embed>
  • D. <source>

Câu 25: Xem xét đoạn mã HTML sau: <img src=

  • A. Đường dẫn tương đối (Relative path)
  • B. Đường dẫn tuyệt đối (Absolute path)
  • C. URL đầy đủ (Full URL)
  • D. Đường dẫn cục bộ (Local path)

Câu 26: Bạn muốn chèn một tệp âm thanh `background.mp3` vào trang web làm nhạc nền, tự động phát khi trang tải và không hiển thị bất kỳ điều khiển nào. Đoạn mã nào sau đây phù hợp nhất?

  • A. <audio src=
  • B. <audio src=
  • C. <audio src=
  • D. <audio src=

Câu 27: Khi sử dụng thẻ <iframe>, thuộc tính `height` và `width` thường được đo bằng đơn vị nào theo mặc định nếu không chỉ định rõ?

  • A. % (Phần trăm)
  • B. em (Đơn vị tương đối)
  • C. px (Pixel)
  • D. rem (Đơn vị tương đối gốc)

Câu 28: Bạn muốn nhúng một trang web (`page.html`) vào một iframe, nhưng không muốn trang được nhúng có thể chạy script (JavaScript). Thuộc tính nào của <iframe> cần được sử dụng để thiết lập hạn chế này?

  • A. sandbox
  • B. noscript
  • C. secure
  • D. allow-scripts (ngược lại)

Câu 29: Xem xét đoạn mã: <img src=

  • A. Khi hình ảnh bị lỗi không hiển thị.
  • B. Khi hình ảnh chỉ mang tính trang trí và không có ý nghĩa nội dung.
  • C. Khi muốn hình ảnh tự động điều chỉnh kích thước.
  • D. Khi không có mô tả phù hợp cho hình ảnh.

Câu 30: Bạn muốn chèn một tệp video `lecture.mp4` và cung cấp tùy chọn cho người dùng tải xuống tệp video đó trực tiếp từ trình phát video. Thuộc tính nào của thẻ <video> (kết hợp với `controls`) có thể giúp hiển thị tùy chọn tải xuống trong một số trình duyệt?

  • A. download
  • B. savable
  • C. src
  • D. controls

1 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 3: Thuộc tính nào của thẻ `` trong HTML được sử dụng để cung cấp văn bản thay thế hiển thị khi hình ảnh không tải được hoặc cho trình đọc màn hình (screen reader)?

2 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 4: Bạn muốn hiển thị một loạt các sản phẩm mới trên trang chủ sao cho người dùng có thể xem từng sản phẩm một cách tuần tự bằng cách vuốt hoặc nhấp chuột. Kiểu hiển thị hình ảnh nào sau đây là phù hợp nhất?

3 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 5: Việc tối ưu hóa kích thước và định dạng tệp hình ảnh (ví dụ: sử dụng định dạng nén như WebP thay vì JPEG hoặc PNG khi có thể) trước khi đưa lên trang web có tác dụng chính là gì?

4 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 6: Bạn có một trang web tin tức và muốn chèn hình ảnh nhỏ bên cạnh các đoạn văn để minh họa cho nội dung. Kiểu hình ảnh nào và cách bố trí nào là phổ biến cho mục đích này?

5 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 7: Khi sử dụng mã HTML để nhúng một hình ảnh, cú pháp cơ bản sử dụng thẻ `` và thuộc tính `src` như thế nào?

6 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 8: Bạn đang xây dựng một trang web giới thiệu về một dự án nghệ thuật và muốn người truy cập có thể xem tất cả các tác phẩm cùng lúc dưới dạng các hình thu nhỏ (thumbnail) và có thể nhấp vào để xem ảnh lớn hơn. Kiểu hiển thị nào phù hợp nhất?

7 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 9: Việc không thêm thuộc tính `alt` cho hình ảnh trên trang web có thể ảnh hưởng tiêu cực đến yếu tố nào sau đây?

8 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 10: Khi sử dụng một công cụ tạo web kéo thả (như trong sách giáo khoa), để thêm một khối nội dung chứa hình ảnh hoặc video, bạn thường tìm kiếm các tùy chọn trong nhóm nào?

9 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 11: Bạn muốn đảm bảo rằng một hình ảnh đại diện (hero image) luôn hiển thị đầy đủ chiều rộng của khu vực chứa nó, bất kể kích thước màn hình. Thuộc tính CSS nào thường được sử dụng để đạt được hiệu ứng này?

10 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 12: Sự khác biệt cơ bản giữa việc nhúng hình ảnh tĩnh (ví dụ: JPEG, PNG) và nhúng video (ví dụ: MP4, WebM) vào trang web là gì?

11 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 13: Khi bạn điều chỉnh 'Aspect Ratio' (Tỷ lệ khung hình) cho một video được nhúng trên trang web, bạn đang thay đổi điều gì?

12 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 14: Tại sao việc sử dụng quá nhiều hình ảnh hoặc video có dung lượng lớn trên một trang web lại không được khuyến khích, đặc biệt là trên thiết bị di động?

13 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web

Tags: Bộ đề 9

Câu 15: Bạn muốn thêm một liên kết vào hình ảnh để khi người dùng nhấp vào hình ảnh đó, họ sẽ được chuyển hướng đến một trang khác. Trong HTML, thuộc tính nào của thẻ `` (thẻ liên kết) được sử dụng để chỉ định địa chỉ đích?

30 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 6: Tạo biểu mẫu cho trang web và xuất bản website

Tags: Bộ đề 9

Câu 2: Giả sử bạn muốn thêm một phần trên trang web để khách truy cập có thể điền thông tin liên hệ của họ (tên, email, số điện thoại). Trong Mobirise, thao tác đầu tiên bạn cần thực hiện để thêm khối chức năng này là gì?

Xem kết quả

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


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

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 - Đề 10

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 - Đề 10 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 cần chèn một hình ảnh có tên "banner.jpg" nằm cùng thư mục với tệp HTML của bạn vào trang web. Thẻ HTML nào sau đây thực hiện đúng yêu cầu đó?

  • A. <image src=
  • B. <img src=
  • C. <img href=
  • D. <picture src=

Câu 2: Thuộc tính `alt` của thẻ `` có vai trò chính là gì?

  • A. Xác định kích thước của hình ảnh.
  • B. Chỉ định đường dẫn đến tệp hình ảnh.
  • C. Cung cấp văn bản mô tả hình ảnh, hiển thị khi ảnh không tải được hoặc cho mục đích hỗ trợ tiếp cận.
  • D. Thêm chú thích (tooltip) khi rê chuột qua hình ảnh.

Câu 3: Xem xét đoạn mã HTML sau: <img src=

  • A. Một khoảng trắng trống.
  • B. Đường dẫn
  • C. Không hiển thị gì cả.
  • D. Một biểu tượng ảnh lỗi và văn bản

Câu 4: Bạn muốn chèn một tệp âm thanh có tên "nen.mp3" vào trang web và muốn người dùng có thể tạm dừng/phát nhạc, điều chỉnh âm lượng. Thẻ và thuộc tính nào cần sử dụng?

  • A. <audio src=
  • B. <sound src=
  • C. <media type=
  • D. <audio src=

Câu 5: Thuộc tính `autoplay` trong thẻ `

  • A. Lặp lại tệp phương tiện khi kết thúc.
  • B. Tự động phát tệp phương tiện khi trang web được tải.
  • C. Hiển thị bảng điều khiển cho người dùng.
  • D. Tải trước tệp phương tiện nhưng không phát.

Câu 6: Để đảm bảo tệp âm thanh "nhacnen.ogg" hoặc "nhacnen.mp3" có thể phát được trên nhiều trình duyệt khác nhau (hỗ trợ các định dạng khác nhau), cấu trúc thẻ `

  • A. <audio src=
  • B. <audio controls><source file=
  • C. <audio controls><source src=
  • D. <audio>nhacnen.ogg, nhacnen.mp3</audio>

Câu 7: Thẻ nào được sử dụng để chèn một đoạn video vào trang web?

  • A. <media>
  • B. <movie>
  • C. <clip>
  • D. <video>

Câu 8: Bạn muốn chèn video "huongdan.mp4" và đặt kích thước hiển thị là chiều rộng 640px, chiều cao 360px. Đoạn mã nào sau đây là đúng?

  • A. <video src=
  • B. <video file=
  • C. <media type=
  • D. <video href=

Câu 9: Điểm khác biệt cơ bản về mục đích sử dụng giữa thẻ `` và thẻ `

  • A. Thẻ <img> chỉ dùng cho tệp ảnh, còn <video> có thể dùng cho cả ảnh và video.
  • B. Thẻ <img> dùng để chèn hình ảnh tĩnh, còn <video> dùng để chèn nội dung đa phương tiện có chuyển động theo thời gian.
  • C. Thẻ <video> yêu cầu thuộc tính src, còn <img> thì không.
  • D. Thẻ <img> có thể tự động phát, còn <video> thì không.

Câu 10: Bạn muốn nhúng nội dung của một trang web khác (ví dụ: google.com) vào một khu vực trên trang web hiện tại của mình. Thẻ HTML nào phù hợp nhất?

  • A. <embed>
  • B. <include>
  • C. <link>
  • D. <iframe>

Câu 11: Thuộc tính `src` trong thẻ `. Thuộc tính `title` trong thẻ `