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

Đề 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: Tạo nội dung hình ảnh cho trang web

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

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 - Đề 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: Khi xây dựng trang web, bạn muốn hiển thị một hình ảnh lớn ngay dưới thanh điều hướng để gây ấn tượng mạnh với người truy cập. Đây là loại hình ảnh nào thường được sử dụng cho mục đích này?

  • A. Hình ảnh minh họa nội dung
  • B. Hình ảnh/video nổi bật (Hero Image/Video)
  • C. Hình ảnh đại diện (Thumbnail)
  • D. Ảnh trong bộ sưu tập (Gallery image)

Câu 2: Bạn đang viết một bài blog hướng dẫn cách làm bánh. Để làm cho bài viết dễ hiểu và hấp dẫn hơn, bạn nên sử dụng loại hình ảnh nào để đặt xen kẽ với các bước hướng dẫn bằng văn bản?

  • A. Hình ảnh minh họa nội dung
  • B. Hình ảnh đại diện cho bài viết
  • C. Video nổi bật (Hero Video)
  • D. Ảnh nền của trang web

Câu 3: Trên trang chủ của một website bán hàng, bạn muốn hiển thị một loạt các sản phẩm mới hoặc các chương trình khuyến mãi đang diễn ra một cách tuần tự, mỗi lần chỉ hiển thị một mục và tự động chuyển đổi. Công cụ hiển thị hình ảnh/video nào phù hợp nhất cho mục đích này?

  • A. Bộ sưu tập (Gallery)
  • B. Hình ảnh minh họa
  • C. Thanh trượt (Slider)
  • D. Video nhúng trực tiếp

Câu 4: Bạn muốn giới thiệu một bộ sưu tập các bức ảnh phong cảnh đẹp trên trang web của mình. Bạn muốn người xem có thể nhìn thấy nhiều ảnh cùng lúc dưới dạng lưới để dễ dàng lựa chọn xem chi tiết. Công cụ hiển thị hình ảnh nào là lựa chọn tốt nhất?

  • A. Bộ sưu tập (Gallery)
  • B. Thanh trượt (Slider)
  • C. Video nổi bật
  • D. Hình ảnh đơn lẻ

Câu 5: Khi sử dụng công cụ tạo website theo khối (block-based editor), để thêm một khối chứa hình ảnh hoặc video, bạn thường tìm kiếm trong nhóm khối nào?

  • A. Text & Typography
  • B. Image & Video
  • C. Layout Elements
  • D. Embeds

Câu 6: Sau khi thêm một khối hình ảnh vào trang web, bạn nhận thấy hình ảnh quá nhỏ so với bố cục mong muốn. Bạn cần điều chỉnh thông số nào trong bảng thiết lập của khối để thay đổi kích thước hiển thị của hình ảnh?

  • A. Aspect Ratio
  • B. Background Color
  • C. Size
  • D. Link URL

Câu 7: Bạn muốn một khối hình ảnh/video chiếm toàn bộ chiều ngang của màn hình trình duyệt trên các thiết bị lớn. Thông số nào trong bảng thiết lập khối giúp bạn đạt được điều này?

  • A. Full Width
  • B. Aspect Ratio
  • C. Padding
  • D. Top/Bottom Spacing

Câu 8: Khi thêm một video vào trang web, bạn muốn đảm bảo tỷ lệ giữa chiều rộng và chiều cao của khung hình video luôn được giữ nguyên (ví dụ: 16:9 hoặc 4:3) để tránh video bị méo. Thông số nào giúp bạn kiểm soát tỷ lệ này?

  • A. Size
  • B. Aspect Ratio
  • C. Loop Playback
  • D. Autoplay

Câu 9: Bạn thêm một hình ảnh sản phẩm vào trang web và muốn khi người dùng click vào hình ảnh đó, họ sẽ được chuyển đến trang chi tiết sản phẩm. Bạn cần sử dụng chức năng nào trong bảng thiết lập hình ảnh?

  • A. Add Description
  • B. Set Alt Text
  • C. Adjust Size
  • D. Add Link

Câu 10: Thông tin nào được sử dụng bởi các công cụ tìm kiếm và trình đọc màn hình cho người khuyết tật để hiểu nội dung của hình ảnh, ngay cả khi hình ảnh không hiển thị?

  • A. Văn bản thay thế (Alt Text)
  • B. Tiêu đề hình ảnh (Image Title)
  • C. Mô tả hình ảnh (Image Description)
  • D. Tên tệp hình ảnh (File Name)

Câu 11: Bạn thêm một khối thanh trượt (slider) vào trang web. Để thêm các hình ảnh hoặc video vào thanh trượt này, bạn thường thao tác ở đâu trong bảng thiết lập của khối?

  • A. Mục Size
  • B. Mục quản lý các mục trong thanh trượt (Slides/Items)
  • C. Mục Aspect Ratio
  • D. Mục Background

Câu 12: Một trang web có quá nhiều hình ảnh chất lượng cao với dung lượng tệp lớn chưa được tối ưu. Vấn đề chính mà trang web này có khả năng gặp phải là gì?

  • A. Hình ảnh bị vỡ hoặc biến dạng
  • B. Không thể thêm văn bản vào trang
  • C. Tốc độ tải trang chậm
  • D. Thanh điều hướng hoạt động sai

Câu 13: Bạn muốn thêm một chú thích ngắn gọn ngay dưới một hình ảnh để cung cấp thêm thông tin về nội dung của ảnh. Chức năng nào trong bảng thiết lập hình ảnh giúp bạn làm điều này?

  • A. Add Description (hoặc Caption)
  • B. Add Alt Text
  • C. Add Title
  • D. Set Background

Câu 14: Khi thiết kế trang web, việc giữ khoảng cách (spacing) giữa khối hình ảnh và các khối nội dung khác (văn bản, nút bấm) là quan trọng vì lý do gì?

  • A. Giúp giảm dung lượng tệp của hình ảnh
  • B. Chỉ ảnh hưởng đến màu sắc của hình ảnh
  • C. Không có tác dụng gì đáng kể
  • D. Cải thiện tính dễ đọc và bố cục trực quan của trang

Câu 15: Bạn đang sử dụng một khối bộ sưu tập (gallery) và muốn thay đổi số lượng cột hiển thị ảnh trên một hàng. Thông số nào trong bảng thiết lập gallery bạn cần điều chỉnh?

  • A. Image Size
  • B. Number of Columns
  • C. Spacing
  • D. Background Color

Câu 16: Tại sao việc sử dụng thanh trượt (slider) trên các thiết bị di động có màn hình nhỏ cần được cân nhắc kỹ lưỡng, thậm chí hạn chế sử dụng?

  • A. Thanh trượt làm giảm chất lượng hiển thị hình ảnh trên di động.
  • B. Thanh trượt không hoạt động trên trình duyệt di động.
  • C. Thanh trượt có thể chiếm nhiều diện tích màn hình, gây khó khăn khi xem nội dung khác và làm chậm tải trang.
  • D. Không thể thêm video vào thanh trượt trên di động.

Câu 17: Khi nhúng video từ các nền tảng như YouTube hoặc Vimeo vào trang web, bạn thường chỉ cần cung cấp thông tin gì cho khối video?

  • A. Đường dẫn (URL) của video
  • B. Tệp video gốc (.mp4, .mov)
  • C. Mã nhúng (embed code) đầy đủ
  • D. Tên kênh (channel name)

Câu 18: Bạn muốn thêm một lớp màu mờ hoặc một hình ảnh khác làm nền cho toàn bộ khối chứa hình ảnh nổi bật (Hero Image) để tạo hiệu ứng thị giác đặc biệt. Thông số nào trong bảng thiết lập khối giúp bạn làm điều này?

  • A. Size
  • B. Aspect Ratio
  • C. Padding
  • D. Background

Câu 19: Mục đích chính của việc tối ưu hóa kích thước tệp hình ảnh (giảm dung lượng) trước khi tải lên trang web là gì?

  • A. Để hình ảnh hiển thị sắc nét hơn
  • B. Để giảm thời gian tải trang và tiết kiệm băng thông
  • C. Để hình ảnh có thể hiển thị trên mọi thiết bị
  • D. Để dễ dàng thêm chú thích cho hình ảnh

Câu 20: Giả sử bạn có một hình ảnh có kích thước gốc là 1920x1080 pixel nhưng bạn chỉ cần hiển thị nó với kích thước tối đa là 800x450 pixel trên trang web. Việc tải lên hình ảnh gốc 1920x1080 và chỉ điều chỉnh thông số Size trong công cụ tạo web để hiển thị 800x450 có nhược điểm gì?

  • A. Hình ảnh sẽ bị vỡ nét khi hiển thị.
  • B. Không thể thêm Alt Text cho hình ảnh.
  • C. Trình duyệt vẫn phải tải về tệp hình ảnh lớn 1920x1080, gây lãng phí băng thông và làm chậm tải trang.
  • D. Không thể thêm liên kết (link) cho hình ảnh.

Câu 21: Định dạng hình ảnh nào sau đây thường được sử dụng cho các ảnh có nền trong suốt (transparent background)?

  • A. JPG
  • B. GIF (chỉ hỗ trợ trong suốt 1 bit)
  • C. SVG
  • D. PNG

Câu 22: Bạn muốn sử dụng một hình ảnh động đơn giản (animated image) trên trang web, ví dụ như một biểu tượng loading hoặc một ảnh quảng cáo nhỏ lặp lại. Định dạng tệp hình ảnh nào phù hợp nhất cho mục đích này?

  • A. GIF
  • B. JPG
  • C. PNG
  • D. SVG

Câu 23: Tại sao việc thêm văn bản thay thế (Alt Text) cho hình ảnh là một thực hành tốt trong thiết kế web?

  • A. Để hình ảnh tự động điều chỉnh kích thước trên mọi màn hình.
  • B. Để tạo hiệu ứng hover (di chuột qua) cho hình ảnh.
  • C. Để cải thiện khả năng tiếp cận (accessibility) và hỗ trợ SEO (Search Engine Optimization).
  • D. Để thêm chú thích hiển thị ngay dưới hình ảnh.

Câu 24: Bạn nhận thấy một video nhúng trên trang web của mình tự động phát (autoplay) khi người dùng truy cập, điều này gây khó chịu cho một số người. Bạn nên làm gì để khắc phục vấn đề này?

  • A. Tăng kích thước hiển thị của video.
  • B. Tắt tùy chọn "Autoplay" hoặc "Tự động phát" trong cài đặt của khối video.
  • C. Thay đổi tỷ lệ khung hình (Aspect Ratio) của video.
  • D. Thêm Alt Text cho video.

Câu 25: Khi sử dụng khối bộ sưu tập (gallery), bạn có thể tùy chọn cách các hình ảnh hiển thị, ví dụ như dưới dạng lưới (grid) hoặc danh sách (list). Sự khác biệt chính về mục đích sử dụng giữa hai cách hiển thị này là gì?

  • A. Lưới (grid) phù hợp để hiển thị nhiều ảnh cùng lúc cho cái nhìn tổng quan, còn danh sách (list) có thể kèm theo mô tả chi tiết cho từng ảnh.
  • B. Lưới (grid) chỉ hiển thị ảnh, còn danh sách (list) chỉ hiển thị video.
  • C. Lưới (grid) chỉ dùng cho thiết bị di động, còn danh sách (list) dùng cho máy tính.
  • D. Không có sự khác biệt đáng kể về mục đích sử dụng.

Câu 26: Một trang web được thiết kế đáp ứng (responsive design) sẽ tự động điều chỉnh bố cục nội dung, bao gồm cả hình ảnh, để phù hợp với kích thước màn hình của thiết bị (máy tính, tablet, điện thoại). Đối với hình ảnh, điều này thường có nghĩa là gì?

  • A. Hình ảnh sẽ luôn giữ nguyên kích thước gốc.
  • B. Hình ảnh sẽ bị ẩn hoàn toàn trên các thiết bị nhỏ.
  • C. Chỉ có thể sử dụng một loại hình ảnh duy nhất trên toàn bộ trang web.
  • D. Kích thước hiển thị của hình ảnh sẽ co giãn hoặc thay đổi để vừa với chiều rộng màn hình.

Câu 27: Bạn muốn thêm một hình ảnh có chứa các đường nét đồ họa sắc nét, không bị mờ khi phóng to, như logo hoặc biểu đồ đơn giản. Định dạng hình ảnh nào dựa trên vector và phù hợp nhất cho mục đích này?

  • A. JPG
  • B. PNG
  • C. SVG
  • D. GIF

Câu 28: Khi thiết lập khoảng cách (Top/Bottom Spacing) cho một khối hình ảnh/video, bạn đang ảnh hưởng đến yếu tố nào của bố cục trang?

  • A. Khoảng trắng giữa khối hình ảnh/video và các khối nội dung nằm ngay trên và dưới nó.
  • B. Kích thước hiển thị của hình ảnh/video bên trong khối.
  • C. Tỷ lệ khung hình (Aspect Ratio) của hình ảnh/video.
  • D. Màu nền của hình ảnh/video.

Câu 29: Một lợi ích của việc sử dụng bộ sưu tập (gallery) so với việc đặt từng hình ảnh đơn lẻ liên tiếp trên trang là gì?

  • A. Gallery cho phép hình ảnh tự động chuyển động.
  • B. Gallery đảm bảo hình ảnh có nền trong suốt.
  • C. Gallery chỉ hiển thị video.
  • D. Gallery giúp trình bày nhiều hình ảnh một cách có cấu trúc, tiết kiệm không gian và dễ quản lý hơn.

Câu 30: Bạn muốn thêm một video giới thiệu công ty vào trang "Giới thiệu" của website. Video này khá quan trọng nhưng không cần phải tự động phát. Bạn nên đặt khối video ở vị trí nào và cấu hình như thế nào để nó dễ được chú ý nhưng không gây khó chịu?

  • A. Đặt video dưới chân trang và bật tự động phát.
  • B. Đặt video trong một khối riêng biệt ở phần giữa hoặc đầu trang, đảm bảo kích thước hiển thị hợp lý và tắt tùy chọn tự động phát.
  • C. Đặt video xen kẽ với văn bản mô tả sản phẩm và bật tự động phát.
  • D. Chỉ thêm liên kết đến video thay vì nhúng trực tiếp.

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ộ đề 1

Câu 1: Khi xây dựng trang web, bạn muốn hiển thị một hình ảnh lớn ngay dưới thanh điều hướng để gây ấn tượng mạnh với người truy cập. Đây là loại hình ảnh nào thường được sử dụng cho mục đích này?

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ộ đề 1

Câu 2: Bạn đang viết một bài blog hướng dẫn cách làm bánh. Để làm cho bài viết dễ hiểu và hấp dẫn hơn, bạn nên sử dụng loại hình ảnh nào để đặt xen kẽ với các bước hướng dẫn bằng văn bản?

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ộ đề 1

Câu 3: Trên trang chủ của một website bán hàng, bạn muốn hiển thị một loạt các sản phẩm mới hoặc các chương trình khuyến mãi đang diễn ra một cách tuần tự, mỗi lần chỉ hiển thị một mục và tự động chuyển đổi. Công cụ hiển thị hình ảnh/video nào phù hợp nhất cho mục đích này?

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ộ đề 1

Câu 4: Bạn muốn giới thiệu một bộ sưu tập các bức ảnh phong cảnh đẹp trên trang web của mình. Bạn muốn người xem có thể nhìn thấy nhiều ảnh cùng lúc dưới dạng lưới để dễ dàng lựa chọn xem chi tiết. Công cụ hiển thị hình ảnh nào là lựa chọn tốt nhất?

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ộ đề 1

Câu 5: Khi sử dụng công cụ tạo website theo khối (block-based editor), để thêm một khối chứa hình ảnh hoặc video, bạn thường tìm kiếm trong nhóm khối 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ộ đề 1

Câu 6: Sau khi thêm một khối hình ảnh vào trang web, bạn nhận thấy hình ảnh quá nhỏ so với bố cục mong muốn. Bạn cần điều chỉnh thông số nào trong bảng thiết lập của khối để thay đổi kích thước hiển thị của hình ảnh?

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ộ đề 1

Câu 7: Bạn muốn một khối hình ảnh/video chiếm toàn bộ chiều ngang của màn hình trình duyệt trên các thiết bị lớn. Thông số nào trong bảng thiết lập khối giúp bạn đạt được điều nà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ộ đề 1

Câu 8: Khi thêm một video vào trang web, bạn muốn đảm bảo tỷ lệ giữa chiều rộng và chiều cao của khung hình video luôn được giữ nguyên (ví dụ: 16:9 hoặc 4:3) để tránh video bị méo. Thông số nào giúp bạn kiểm soát tỷ lệ này?

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ộ đề 1

Câu 9: Bạn thêm một hình ảnh sản phẩm vào trang web và muốn khi người dùng click vào hình ảnh đó, họ sẽ được chuyển đến trang chi tiết sản phẩm. Bạn cần sử dụng chức năng nào trong bảng thiết lập hình ảnh?

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ộ đề 1

Câu 10: Thông tin nào được sử dụng bởi các công cụ tìm kiếm và trình đọc màn hình cho người khuyết tật để hiểu nội dung của hình ảnh, ngay cả khi hình ảnh không hiển thị?

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ộ đề 1

Câu 11: Bạn thêm một khối thanh trượt (slider) vào trang web. Để thêm các hình ảnh hoặc video vào thanh trượt này, bạn thường thao tác ở đâu trong bảng thiết lập của khối?

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ộ đề 1

Câu 12: Một trang web có quá nhiều hình ảnh chất lượng cao với dung lượng tệp lớn chưa được tối ưu. Vấn đề chính mà trang web này có khả năng gặp phải là gì?

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ộ đề 1

Câu 13: Bạn muốn thêm một chú thích ngắn gọn ngay dưới một hình ảnh để cung cấp thêm thông tin về nội dung của ảnh. Chức năng nào trong bảng thiết lập hình ảnh giúp bạn làm điều này?

14 / 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ộ đề 1

Câu 14: Khi thiết kế trang web, việc giữ khoảng cách (spacing) giữa khối hình ảnh và các khối nội dung khác (văn bản, nút bấm) là quan trọng vì lý do gì?

15 / 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ộ đề 1

Câu 15: Bạn đang sử dụng một khối bộ sưu tập (gallery) và muốn thay đổi số lượng cột hiển thị ảnh trên một hàng. Thông số nào trong bảng thiết lập gallery bạn cần điều chỉnh?

16 / 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ộ đề 1

Câu 16: Tại sao việc sử dụng thanh trượt (slider) trên các thiết bị di động có màn hình nhỏ cần được cân nhắc kỹ lưỡng, thậm chí hạn chế sử dụng?

17 / 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ộ đề 1

Câu 17: Khi nhúng video từ các nền tảng như YouTube hoặc Vimeo vào trang web, bạn thường chỉ cần cung cấp thông tin gì cho khối video?

18 / 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ộ đề 1

Câu 18: Bạn muốn thêm một lớp màu mờ hoặc một hình ảnh khác làm nền cho toàn bộ khối chứa hình ảnh nổi bật (Hero Image) để tạo hiệu ứng thị giác đặc biệt. Thông số nào trong bảng thiết lập khối giúp bạn làm điều này?

19 / 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ộ đề 1

Câu 19: Mục đích chính của việc tối ưu hóa kích thước tệp hình ảnh (giảm dung lượng) trước khi tải lên trang web là gì?

20 / 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ộ đề 1

Câu 20: Giả sử bạn có một hình ảnh có kích thước gốc là 1920x1080 pixel nhưng bạn chỉ cần hiển thị nó với kích thước tối đa là 800x450 pixel trên trang web. Việc tải lên hình ảnh gốc 1920x1080 và chỉ điều chỉnh thông số Size trong công cụ tạo web để hiển thị 800x450 có nhược điểm gì?

21 / 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ộ đề 1

Câu 21: Định dạng hình ảnh nào sau đây thường được sử dụng cho các ảnh có nền trong suốt (transparent background)?

22 / 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ộ đề 1

Câu 22: Bạn muốn sử dụng một hình ảnh động đơn giản (animated image) trên trang web, ví dụ như một biểu tượng loading hoặc một ảnh quảng cáo nhỏ lặp lại. Định dạng tệp hình ảnh nào phù hợp nhất cho mục đích này?

23 / 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ộ đề 1

Câu 23: Tại sao việc thêm văn bản thay thế (Alt Text) cho hình ảnh là một thực hành tốt trong thiết kế web?

24 / 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ộ đề 1

Câu 24: Bạn nhận thấy một video nhúng trên trang web của mình tự động phát (autoplay) khi người dùng truy cập, điều này gây khó chịu cho một số người. Bạn nên làm gì để khắc phục vấn đề này?

25 / 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ộ đề 1

Câu 25: Khi sử dụng khối bộ sưu tập (gallery), bạn có thể tùy chọn cách các hình ảnh hiển thị, ví dụ như dưới dạng lưới (grid) hoặc danh sách (list). Sự khác biệt chính về mục đích sử dụng giữa hai cách hiển thị này là gì?

26 / 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ộ đề 1

Câu 26: Một trang web được thiết kế đáp ứng (responsive design) sẽ tự động điều chỉnh bố cục nội dung, bao gồm cả hình ảnh, để phù hợp với kích thước màn hình của thiết bị (máy tính, tablet, điện thoại). Đối với hình ảnh, điều này thường có nghĩa là gì?

27 / 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ộ đề 1

Câu 27: Bạn muốn thêm một hình ảnh có chứa các đường nét đồ họa sắc nét, không bị mờ khi phóng to, như logo hoặc biểu đồ đơn giản. Định dạng hình ảnh nào dựa trên vector và phù hợp nhất cho mục đích này?

28 / 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ộ đề 1

Câu 28: Khi thiết lập khoảng cách (Top/Bottom Spacing) cho một khối hình ảnh/video, bạn đang ảnh hưởng đến yếu tố nào của bố cục trang?

29 / 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ộ đề 1

Câu 29: Một lợi ích của việc sử dụng bộ sưu tập (gallery) so với việc đặt từng hình ảnh đơn lẻ liên tiếp trên trang là gì?

30 / 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ộ đề 1

Câu 30: Bạn muốn thêm một video giới thiệu công ty vào trang 'Giới thiệu' của website. Video này khá quan trọng nhưng không cần phải tự động phát. Bạn nên đặt khối video ở vị trí nào và cấu hình như thế nào để nó dễ được chú ý nhưng không gây khó chịu?

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: Tạo nội dung hình ảnh cho trang web

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

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 - Đề 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: Khi bạn muốn chèn một hình ảnh vào trang web và đảm bảo rằng trình duyệt sẽ hiển thị văn bản thay thế nếu hình ảnh không tải được, bạn cần sử dụng thuộc tính nào trong thẻ `` của HTML?

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

Câu 2: Một trang web có phần giới thiệu sản phẩm gồm nhiều ảnh nhỏ hiển thị cùng lúc theo dạng lưới. Khi nhấp vào ảnh nhỏ, ảnh sẽ phóng to để xem chi tiết. Loại hiển thị nội dung hình ảnh nào phù hợp nhất cho trường hợp này?

  • A. Thanh trượt (Slider)
  • B. Hình ảnh nổi bật (Featured Image)
  • C. Bộ sưu tập (Gallery)
  • D. Hình ảnh minh họa (Illustration Image)

Câu 3: Bạn muốn chèn một biểu tượng (logo) có nền trong suốt vào trang web. Định dạng tệp hình ảnh nào sau đây là lựa chọn tốt nhất để giữ được độ trong suốt?

  • A. JPG
  • B. GIF (chỉ hỗ trợ trong suốt hoàn toàn)
  • C. BMP
  • D. PNG

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

  • A. Hiển thị với chiều rộng bằng 100% màn hình.
  • B. Hiển thị với chiều rộng tối đa là 800px.
  • C. Hiển thị với chiều rộng gốc của tệp hình ảnh.
  • D. Không hiển thị do có lỗi cú pháp.

Câu 5: Thuộc tính HTML nào của thẻ <video> cho phép người dùng điều khiển việc phát, tạm dừng, điều chỉnh âm lượng và xem toàn màn hình?

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

Câu 6: Tại sao việc tối ưu hóa kích thước và định dạng hình ảnh lại quan trọng đối với hiệu suất tải trang web?

  • A. Để hình ảnh hiển thị sắc nét hơn trên mọi thiết bị.
  • B. Để đảm bảo hình ảnh có thể được tìm kiếm bởi các công cụ tìm kiếm.
  • C. Để giảm chi phí lưu trữ trên máy chủ.
  • D. Để cải thiện tốc độ tải trang và trải nghiệm người dùng.

Câu 7: Bạn muốn một video tự động phát khi trang web được tải, nhưng không có tiếng. Bạn cần sử dụng kết hợp các thuộc tính nào cho thẻ <video>?

  • A. controlsloop
  • B. autoplaycontrols
  • C. autoplaymuted
  • D. loopmuted

Câu 8: Xem xét đoạn mã CSS sau áp dụng cho một hình ảnh:
img { float: left; margin-right: 15px; }
Đoạn mã này sẽ ảnh hưởng đến hình ảnh như thế nào so với văn bản xung quanh?

  • A. Hình ảnh sẽ nằm bên trái, văn bản bao quanh ở bên phải, có khoảng trống 15px giữa hình ảnh và văn bản.
  • B. Hình ảnh sẽ nằm bên phải, văn bản bao quanh ở bên trái, có khoảng trống 15px giữa hình ảnh và văn bản.
  • C. Hình ảnh sẽ nằm giữa văn bản.
  • D. Hình ảnh sẽ nằm dưới văn bản.

Câu 9: Chức năng "Lazy Loading" (tải lười) cho hình ảnh trên trang web có tác dụng gì?

  • A. Tự động điều chỉnh kích thước hình ảnh cho phù hợp với màn hình.
  • B. Chỉ tải hình ảnh khi chúng hiển thị trên màn hình người dùng.
  • C. Tăng độ phân giải của hình ảnh để hiển thị rõ nét hơn.
  • D. Tự động tạo nội dung thay thế (alt text) cho hình ảnh.

Câu 10: Bạn đang sử dụng một công cụ thiết kế web dạng kéo thả. Để thêm một khối chứa nhiều hình ảnh cuộn qua lại tự động hoặc khi người dùng nhấp vào mũi tên, bạn nên chọn loại khối nào?

  • A. Khối Văn bản
  • B. Khối Hình ảnh đơn
  • C. Khối Bộ sưu tập (Gallery)
  • D. Khối Thanh trượt (Slider)

Câu 11: Điểm khác biệt cơ bản giữa định dạng ảnh raster (như JPG, PNG) và vector (như SVG) là gì?

  • A. Raster dựa trên pixel, Vector dựa trên công thức toán học.
  • B. Raster hỗ trợ trong suốt, Vector thì không.
  • C. Raster có kích thước tệp nhỏ hơn Vector.
  • D. Raster chỉ dùng cho ảnh chụp, Vector chỉ dùng cho đồ họa.

Câu 12: Khi thiết kế trang web, việc sử dụng hình ảnh có "tỷ lệ màn hình" (Aspect Ratio) phù hợp với nội dung và bố cục là quan trọng vì:

  • A. Nó giúp giảm dung lượng tệp hình ảnh.
  • B. Nó đảm bảo hình ảnh hiển thị sắc nét trên mọi thiết bị.
  • C. Nó giữ cho hình ảnh/video không bị méo mó hoặc cắt xén khi hiển thị trong một không gian nhất định.
  • D. Nó chỉ quan trọng đối với video, không quan trọng với hình ảnh.

Câu 13: Xem xét đoạn mã HTML:
<video src=

  • A. Đặt video tự động phát khi trang tải.
  • B. Hiển thị một hình ảnh đại diện trước khi video được phát.
  • C. Làm cho video lặp lại sau khi kết thúc.
  • D. Cho phép người dùng tải xuống video.

Câu 14: Bạn có một hình ảnh minh họa cho bài viết và muốn nó nằm ở bên phải của đoạn văn bản, với văn bản chảy xung quanh nó. Bạn nên sử dụng thuộc tính CSS nào cho hình ảnh?

  • A. float: right;
  • B. display: inline-block;
  • C. position: absolute;
  • D. clear: both;

Câu 15: Tại sao việc thêm nội dung thay thế (Alt text) cho hình ảnh lại quan trọng về mặt khả năng tiếp cận (accessibility) và SEO?

  • A. Nó làm cho hình ảnh tải nhanh hơn.
  • B. Nó tự động điều chỉnh kích thước hình ảnh trên các thiết bị khác nhau.
  • C. Nó chỉ hiển thị khi người dùng di chuột qua hình ảnh.
  • D. Nó giúp người dùng khiếm thị và công cụ tìm kiếm hiểu nội dung hình ảnh.

Câu 16: Khi sử dụng thanh trượt (slider) trên trang web, một nhược điểm tiềm ẩn cần cân nhắc, đặc biệt trên thiết bị di động, là gì?

  • A. Hình ảnh trong slider bị giảm chất lượng.
  • B. Có thể làm chậm tốc độ tải trang.
  • C. Không thể thêm liên kết vào hình ảnh trong slider.
  • D. Người dùng không thể tương tác với slider.

Câu 17: Xem xét đoạn mã HTML và CSS:
<img src=

  • A. 800x600px
  • B. 200x200px
  • C. 200x150px
  • D. Kích thước ngẫu nhiên.

Câu 18: Mục đích chính của việc sử dụng hình ảnh/video nổi bật (Featured Image/Video) ở đầu trang web là gì?

  • A. Thu hút sự chú ý của người truy cập ngay từ đầu và truyền tải thông điệp chính.
  • B. Hiển thị tất cả hình ảnh liên quan đến nội dung trang.
  • C. Cung cấp thông tin chi tiết về tác giả bài viết.
  • D. Giúp trang web tải nhanh hơn.

Câu 19: Khi bạn muốn thêm một liên kết (link) cho hình ảnh để khi người dùng nhấp vào hình ảnh đó sẽ chuyển đến một trang khác, bạn sẽ đặt thẻ <img> bên trong thẻ nào?

  • A. <p>
  • B. <a>
  • C. <div>
  • D. <span>

Câu 20: Định dạng ảnh nào sau đây thường được sử dụng cho ảnh động đơn giản (như các biểu tượng nhỏ di chuyển) nhưng có hạn chế về số lượng màu sắc và chất lượng so với video?

  • A. JPG
  • B. PNG
  • C. GIF
  • D. SVG

Câu 21: Xem xét yêu cầu: Một hình ảnh cần hiển thị đầy đủ trong một khung cố định mà không làm thay đổi tỷ lệ gốc của nó, nhưng nếu khung chứa nhỏ hơn ảnh, ảnh sẽ bị cắt bớt phần thừa. Thuộc tính CSS `object-fit` với giá trị nào phù hợp nhất?

  • A. object-fit: cover;
  • B. object-fit: contain;
  • C. object-fit: fill;
  • D. object-fit: scale-down;

Câu 22: Bạn muốn chèn một video từ YouTube vào trang web của mình. Phương pháp phổ biến và hiệu quả nhất là gì?

  • A. Tải video về máy tính và tải lên máy chủ web của bạn, sau đó dùng thẻ <video>.
  • B. Chỉ cần dán đường link video YouTube vào trang web.
  • C. Chuyển đổi video YouTube sang định dạng GIF và chèn bằng thẻ <img>.
  • D. Sử dụng mã nhúng (embed code) được cung cấp bởi YouTube (thẻ <iframe>).

Câu 23: Tại sao việc sử dụng hình ảnh độ phân giải cao (file dung lượng lớn) không được khuyến khích cho các hình ảnh minh họa nhỏ hoặc ảnh đại diện trên trang web?

  • A. Chúng có thể không hiển thị đúng màu sắc.
  • B. Chúng có thể bị biến dạng khi hiển thị ở kích thước nhỏ.
  • C. Chúng làm tăng dung lượng tải và thời gian tải trang.
  • D. Chúng không tương thích với hầu hết các trình duyệt.

Câu 24: Xem xét đoạn mã HTML và CSS:
<img src=

  • A. Căn hình ảnh ra giữa theo chiều ngang.
  • B. Tạo khoảng trống 0px ở trên/dưới và tự động tính toán lề trái/phải.
  • C. Không có tác dụng gì vì hình ảnh là phần tử nội tuyến (inline element).
  • D. Căn hình ảnh ra giữa cả chiều ngang và chiều dọc.

Câu 25: Khi sử dụng phần mềm thiết kế web, tùy chọn "Full Width" (chiều rộng toàn màn hình) cho khối hình ảnh/video thường có ý nghĩa gì?

  • A. Hình ảnh sẽ hiển thị với kích thước gốc.
  • B. Hình ảnh/video sẽ kéo dài hết chiều rộng của vùng chứa hoặc màn hình.
  • C. Hình ảnh sẽ được căn giữa theo chiều ngang.
  • D. Hình ảnh sẽ được thay thế bằng màu nền.

Câu 26: Bạn muốn thêm một chú thích (caption) mô tả ngắn gọn phía dưới hình ảnh. Trong HTML5, thẻ nào thường được sử dụng kết hợp với <img> để nhóm hình ảnh và chú thích lại với nhau?

  • A. <div><p>
  • B. <section><aside>
  • C. <article><header>
  • D. <figure><figcaption>

Câu 27: Loại hình ảnh nào sau đây là tốt nhất cho các biểu đồ, icon, hoặc đồ họa đơn giản cần khả năng phóng to mà không bị giảm chất lượng?

  • A. SVG
  • B. JPG
  • C. PNG
  • D. BMP

Câu 28: Khi sử dụng video trên trang web, dung lượng tệp video thường rất lớn. Điều này có thể ảnh hưởng tiêu cực đến:

  • A. Khả năng tương thích với trình duyệt.
  • B. Độ phân giải của video.
  • C. Thời gian tải trang và băng thông sử dụng.
  • D. Việc thêm chú thích cho video.

Câu 29: Bạn muốn tạo một thư viện ảnh mà người dùng có thể xem nhanh nhiều ảnh cùng lúc trên một màn hình, sau đó nhấp vào để xem chi tiết. Bạn nên ưu tiên sử dụng loại khối hình ảnh nào so với thanh trượt (slider)?

  • A. Bộ sưu tập (Gallery)
  • B. Thanh trượt (Slider)
  • C. Hình ảnh nổi bật (Featured Image)
  • D. Video nền (Background Video)

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

  • A. Hiển thị với kích thước gốc 300x200px.
  • B. Hiển thị với kích thước 150x150px và giữ nguyên tỷ lệ gốc.
  • C. Không hiển thị do kích thước gốc khác với kích thước chỉ định.
  • D. Hiển thị với kích thước 150x150px, có thể bị biến dạng.

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ộ đề 2

Câu 1: Khi bạn muốn chèn một hình ảnh vào trang web và đảm bảo rằng trình duyệt sẽ hiển thị văn bản thay thế nếu hình ảnh không tải được, bạn cần sử dụng thuộc tính nào trong thẻ `` của HTML?

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ộ đề 2

Câu 2: Một trang web có phần giới thiệu sản phẩm gồm nhiều ảnh nhỏ hiển thị cùng lúc theo dạng lưới. Khi nhấp vào ảnh nhỏ, ảnh sẽ phóng to để xem chi tiết. Loại hiển thị nội dung hình ảnh nào phù hợp nhất cho trường hợp này?

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ộ đề 2

Câu 3: Bạn muốn chèn một biểu tượng (logo) có nền trong suốt vào trang web. Định dạng tệp hình ảnh nào sau đây là lựa chọn tốt nhất để giữ được độ trong suốt?

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ộ đề 2

Câu 4: Xem xét đoạn mã HTML sau:
Quảng cáo
Nếu kích thước màn hình trình duyệt lớn hơn 800px, hình ảnh sẽ hiển thị như thế nào?

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ộ đề 2

Câu 5: Thuộc tính HTML nào của thẻ cho phép người dùng điều khiển việc phát, tạm dừng, điều chỉnh âm lượng và xem toàn màn hình?

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ộ đề 2

Câu 6: Tại sao việc tối ưu hóa kích thước và định dạng hình ảnh lại quan trọng đối với hiệu suất tải trang web?

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ộ đề 2

Câu 7: Bạn muốn một video tự động phát khi trang web được tải, nhưng không có tiếng. Bạn cần sử dụng kết hợp các thuộc tính nào cho thẻ ?

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ộ đề 2

Câu 8: Xem xét đoạn mã CSS sau áp dụng cho một hình ảnh:
img { float: left; margin-right: 15px; }
Đoạn mã này sẽ ảnh hưởng đến hình ảnh như thế nào so với văn bản xung quanh?

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ộ đề 2

Câu 9: Chức năng 'Lazy Loading' (tải lười) cho hình ảnh trên trang web có tác dụng gì?

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ộ đề 2

Câu 10: Bạn đang sử dụng một công cụ thiết kế web dạng kéo thả. Để thêm một khối chứa nhiều hình ảnh cuộn qua lại tự động hoặc khi người dùng nhấp vào mũi tên, bạn nên chọn loại khối nào?

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ộ đề 2

Câu 11: Điểm khác biệt cơ bản giữa định dạng ảnh raster (như JPG, PNG) và vector (như SVG) là 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ộ đề 2

Câu 12: Khi thiết kế trang web, việc sử dụng hình ảnh có 'tỷ lệ màn hình' (Aspect Ratio) phù hợp với nội dung và bố cục là quan trọng vì:

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ộ đề 2

Câu 13: Xem xét đoạn mã HTML:

Thuộc tính `poster` trong thẻ có tác dụng gì?

14 / 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ộ đề 2

Câu 14: Bạn có một hình ảnh minh họa cho bài viết và muốn nó nằm ở bên phải của đoạn văn bản, với văn bản chảy xung quanh nó. Bạn nên sử dụng thuộc tính CSS nào cho hình ảnh?

15 / 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ộ đề 2

Câu 15: Tại sao việc thêm nội dung thay thế (Alt text) cho hình ảnh lại quan trọng về mặt khả năng tiếp cận (accessibility) và SEO?

16 / 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ộ đề 2

Câu 16: Khi sử dụng thanh trượt (slider) trên trang web, một nhược điểm tiềm ẩn cần cân nhắc, đặc biệt trên thiết bị di động, là gì?

17 / 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ộ đề 2

Câu 17: Xem xét đoạn mã HTML và CSS:

#myImage { width: 200px; height: auto; }
Nếu hình ảnh gốc `photo.jpg` có kích thước 800x600px, nó sẽ hiển thị với kích thước bao nhiêu trên trang web theo đoạn mã này?

18 / 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ộ đề 2

Câu 18: Mục đích chính của việc sử dụng hình ảnh/video nổi bật (Featured Image/Video) ở đầu trang web là gì?

19 / 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ộ đề 2

Câu 19: Khi bạn muốn thêm một liên kết (link) cho hình ảnh để khi người dùng nhấp vào hình ảnh đó sẽ chuyển đến một trang khác, bạn sẽ đặt thẻ bên trong thẻ nào?

22 / 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ộ đề 2

Câu 22: Bạn muốn chèn một video từ YouTube vào trang web của mình. Phương pháp phổ biến và hiệu quả nhất là gì?