Trắc nghiệm Cánh diều Tin học ứng dụng 12 bài 5: Tạo nội dung hình ảnh cho trang web
1. Khi sử dụng thuộc tính width và height cho thẻ img trong HTML, mục đích chính là gì?
A. Tăng chất lượng hình ảnh.
B. Giúp trình duyệt xác định trước không gian hiển thị cho hình ảnh, cải thiện tốc độ hiển thị nội dung.
C. Thay đổi định dạng file của hình ảnh.
D. Chỉ định vị trí của hình ảnh trên trang.
2. Định dạng hình ảnh nào sau đây thường KHÔNG được khuyến khích sử dụng cho ảnh chụp trên trang web do dung lượng file lớn và không hỗ trợ nén hiệu quả?
A. JPEG
B. WebP
C. BMP
D. PNG
3. Trong thiết kế web, định dạng hình ảnh nào sau đây thường được ưu tiên sử dụng cho ảnh chụp có nhiều màu sắc và chi tiết phức tạp, yêu cầu chất lượng cao?
A. JPEG
B. GIF
C. PNG
D. SVG
4. Trong các công cụ chỉnh sửa ảnh phổ biến dùng cho web, chức năng export thường đi kèm với các tùy chọn gì để tối ưu hóa cho web?
A. Chỉ có tùy chọn độ phân giải.
B. Định dạng file (JPEG, PNG, GIF), mức độ nén, và kích thước.
C. Chỉ có tùy chọn định dạng file.
D. Chỉ có tùy chọn kích thước.
5. Khi sử dụng thẻ bên trong thẻ , thuộc tính nào được dùng để chỉ định điều kiện mà tệp hình ảnh đó sẽ được sử dụng?
A. src
B. type
C. media
D. alt
6. Khi đặt thuộc tính width và height cho hình ảnh, nếu giá trị được đặt quá lớn so với kích thước thực tế của hình ảnh, điều gì có thể xảy ra?
A. Hình ảnh sẽ được phóng to và có thể bị vỡ nét.
B. Trình duyệt sẽ cắt bớt phần hình ảnh thừa.
C. Hình ảnh sẽ hiển thị đúng kích thước gốc của nó.
D. Trình duyệt sẽ tự động điều chỉnh thuộc tính width và height cho phù hợp.
7. Bạn muốn tạo một hình ảnh có nền trong suốt để có thể đặt lên nhiều màu nền khác nhau của trang web mà không bị lộ phần nền. Định dạng nào sau đây hỗ trợ tốt tính năng này?
A. JPEG
B. GIF
C. BMP
D. PNG
8. Mục đích chính của việc sử dụng các thẻ khác nhau với thuộc tính media và type bên trong thẻ là gì?
A. Cung cấp nhiều phiên bản hình ảnh với các định dạng khác nhau để trình duyệt chọn định dạng được hỗ trợ.
B. Tạo ra các hiệu ứng động cho hình ảnh.
C. Đảm bảo văn bản thay thế (alt text) được hiển thị.
D. Xác định kích thước chính xác của hình ảnh.
9. Một trang web cần hiển thị một hình ảnh động đơn giản với số lượng màu hạn chế. Định dạng nào sau đây là lựa chọn hiệu quả về dung lượng và khả năng hỗ trợ hoạt ảnh?
A. PNG
B. JPEG
C. GIF
D. TIFF
10. Định dạng nào sau đây KHÔNG hỗ trợ nền trong suốt?
A. PNG
B. GIF
C. JPEG
D. WebP
11. Thuộc tính alt của thẻ img trong HTML có vai trò quan trọng nhất là gì?
A. Định dạng kích thước của hình ảnh.
B. Cung cấp văn bản thay thế cho hình ảnh khi không hiển thị được hoặc cho trình đọc màn hình.
C. Chỉ định đường dẫn đến tệp hình ảnh.
D. Thiết lập hiệu ứng chuyển động cho hình ảnh.
12. Trong ngữ cảnh thiết kế web, khái niệm responsive images đề cập đến điều gì?
A. Hình ảnh có khả năng thay đổi kích thước linh hoạt theo độ phân giải màn hình.
B. Hình ảnh được tạo ra bằng công cụ AI.
C. Hình ảnh có thể nhấp vào để phóng to.
D. Hình ảnh được tối ưu hóa cho tốc độ tải trên mạng di động.
13. Khi bạn cần hiển thị một biểu đồ hoặc đồ thị với nhiều đường nối và điểm dữ liệu, định dạng nào có thể gặp hạn chế về độ chính xác hoặc dung lượng file nếu không được tối ưu cẩn thận?
A. SVG
B. JPEG
C. PNG
D. WebP
14. Bạn muốn tạo một nút bấm trên trang web có hiệu ứng khi di chuột qua (hover effect). Bạn nên sử dụng định dạng hình ảnh nào để hỗ trợ các trạng thái khác nhau của nút (bình thường, hover)?
A. JPEG
B. SVG
C. GIF
D. BMP
15. Để đảm bảo hình ảnh hiển thị nhanh trên trang web, bạn nên tối ưu hóa bằng cách nào sau đây?
A. Sử dụng hình ảnh có độ phân giải rất cao.
B. Chọn định dạng file phù hợp và nén ảnh.
C. Chỉ sử dụng ảnh có kích thước lớn.
D. Nhúng trực tiếp file ảnh RAW.
16. Khi thiết kế một banner quảng cáo với văn bản và hình ảnh, bạn muốn đảm bảo văn bản vẫn dễ đọc ngay cả khi hình ảnh có nhiều chi tiết. Bạn có thể áp dụng kỹ thuật nào sau đây?
A. Sử dụng hình ảnh có độ phân giải thấp.
B. Áp dụng hiệu ứng làm mờ hoặc làm tối một phần hình ảnh nơi đặt văn bản.
C. Chỉ sử dụng hình ảnh đơn sắc.
D. Tăng độ tương phản của văn bản lên tối đa.
17. Khi cần hiển thị một logo hoặc biểu tượng với đường nét sắc sảo, có thể thay đổi kích thước mà không làm giảm chất lượng, định dạng hình ảnh nào là phù hợp nhất?
A. JPEG
B. BMP
C. GIF
D. SVG
18. Khi sử dụng CSS để tạo hiệu ứng cho hình ảnh, bạn có thể điều chỉnh các thuộc tính nào sau đây để làm ảnh mờ đi?
A. text-shadow
B. filter: blur(5px)
C. border-radius
D. opacity: 0.5
19. Trong các công cụ thiết kế đồ họa vector, việc sử dụng công cụ Pen Tool (hoặc tương tự) để vẽ các đường cong và hình dạng là để tạo ra loại dữ liệu gì?
A. Pixel dữ liệu (raster data).
B. Vector dữ liệu (vector data).
C. Dữ liệu âm thanh.
D. Dữ liệu văn bản.
20. Khi nào thì việc sử dụng định dạng GIF là hợp lý nhất cho nội dung hình ảnh trên trang web?
A. Cho ảnh chụp phong cảnh có độ chi tiết cao.
B. Cho ảnh động đơn giản với số lượng màu hạn chế.
C. Cho ảnh có nền trong suốt phức tạp.
D. Cho biểu đồ dữ liệu với nhiều màu sắc.
21. Trong HTML, thẻ nào được sử dụng để nhúng một hình ảnh vào trang web?
22. Thuộc tính srcset của thẻ img hoặc cho phép bạn làm gì?
A. Chỉ định văn bản thay thế cho hình ảnh.
B. Cung cấp nhiều phiên bản hình ảnh với các kích thước và mật độ điểm ảnh khác nhau cho trình duyệt lựa chọn.
C. Định dạng kiểu dáng của hình ảnh bằng CSS.
D. Thiết lập đường dẫn đến tệp hình ảnh.
23. Trong HTML, thẻ thường được dùng để làm gì?
A. Nhúng một đoạn văn bản.
B. Tạo một vùng chứa cho nội dung tự thân, thường là hình ảnh, biểu đồ, cùng với chú thích.
C. Định nghĩa một liên kết.
D. Tạo một bảng dữ liệu.
24. Thẻ HTML nào được sử dụng để tạo một picture element, cho phép trình duyệt chọn một tệp hình ảnh phù hợp từ nhiều tùy chọn dựa trên các điều kiện nhất định (ví dụ: kích thước màn hình)?
A. img
B. picture
C. source
D. figure
25. Định dạng hình ảnh nào là định dạng hiện đại, được Google phát triển, có khả năng nén tốt hơn JPEG và PNG, đồng thời hỗ trợ cả ảnh tĩnh, ảnh động và nền trong suốt?
A. TIFF
B. BMP
C. WebP
D. GIF
