Bộ 30+ Câu hỏi trắc nghiệm Tạo văn bản, chèn hình ảnh và tạo chân trang trong Website (Có đáp án)
Bộ 30+ Câu hỏi trắc nghiệm Tạo văn bản, chèn hình ảnh và tạo chân trang trong Website (Có đáp án). Cùng rèn luyện kiến thức thiết kế Website (Web) online ngay nhé.
1. Trong ngữ cảnh của thiết kế web, 'above the fold' có nghĩa là gì?
A. Hình ảnh nằm ở cuối trang web
B. Nội dung hiển thị trên màn hình mà không cần cuộn trang
C. Hình ảnh có kích thước quá lớn
D. Hình ảnh có độ phân giải thấp
2. Để ngăn hình ảnh lặp lại khi sử dụng thuộc tính `background-image` trong CSS, bạn sử dụng thuộc tính nào?
A. background-size
B. background-position
C. background-repeat
D. background-attachment
3. Thẻ HTML nào được sử dụng để định nghĩa chân trang cho một tài liệu hoặc một phần?
A. header
B. footer
C. nav
D. article
4. Trong CSS, thuộc tính nào kiểm soát khoảng cách giữa đường viền của hình ảnh và nội dung bên trong nó?
A. margin
B. border
C. padding
D. spacing
5. Để tạo chân trang (footer) cố định ở cuối trang web, bất kể nội dung trang dài hay ngắn, CSS property nào thường được sử dụng?
A. position fixed
B. float bottom
C. display footer
D. bottom absolute
6. Nếu bạn muốn một hình ảnh hoạt động như một nút (button), kích vào sẽ thực hiện một hành động nào đó, bạn sẽ làm gì?
A. Chỉ cần chèn hình ảnh vào trang web
B. Sử dụng CSS để tạo hiệu ứng hover cho hình ảnh
C. Đặt hình ảnh bên trong một thẻ `a` (liên kết) hoặc sử dụng JavaScript để gán chức năng cho hình ảnh
D. Sử dụng thuộc tính `onclick` trực tiếp trên thẻ `img`
7. Đâu là mục đích chính của việc sử dụng `srcset` attribute trong thẻ `img`?
A. Để chỉ định kích thước hình ảnh
B. Để cung cấp các phiên bản khác nhau của một hình ảnh cho các độ phân giải màn hình khác nhau
C. Để tạo hiệu ứng động cho hình ảnh
D. Để thêm chú thích cho hình ảnh
8. Đâu là cách tốt nhất để thêm bản quyền vào chân trang của trang web?
A. Sử dụng hình ảnh có chứa biểu tượng bản quyền
B. Không cần thêm thông tin bản quyền
C. Sử dụng mã HTML đặc biệt (ví dụ ©) kết hợp với năm và tên chủ sở hữu bản quyền
D. Sử dụng JavaScript để tạo biểu tượng bản quyền
9. Loại thuộc tính CSS nào được sử dụng để tạo hiệu ứng bóng đổ cho hình ảnh?
A. text-shadow
B. image-shadow
C. box-shadow
D. shadow
10. Phương pháp nào sau đây giúp tối ưu hóa hình ảnh cho website để cải thiện tốc độ tải trang?
A. Sử dụng hình ảnh có độ phân giải cao hơn mức cần thiết
B. Không chỉ định kích thước hình ảnh trong HTML hoặc CSS
C. Nén hình ảnh trước khi tải lên
D. Sử dụng định dạng BMP cho tất cả hình ảnh
11. Để đảm bảo hình ảnh hiển thị tốt trên các thiết bị có độ phân giải khác nhau (responsive), bạn nên sử dụng đơn vị nào cho kích thước hình ảnh trong CSS?
A. pixel (px)
B. centimeter (cm)
C. em
D. percent (%)
12. Để tạo hiệu ứng lazy loading cho hình ảnh (chỉ tải hình ảnh khi người dùng cuộn xuống gần chúng), bạn có thể sử dụng phương pháp nào?
A. Chỉ cần chèn hình ảnh vào trang web
B. Sử dụng thuộc tính `loading=""lazy""` trong thẻ `img` hoặc sử dụng JavaScript
C. Sử dụng CSS để ẩn hình ảnh cho đến khi người dùng cuộn xuống
D. Sử dụng thuộc tính `display: none`
13. Trong HTML, thẻ nào được sử dụng để chèn một hình ảnh?
A. picture
B. img
C. image
D. icon
14. Trong CSS, thuộc tính nào được sử dụng để cắt một hình ảnh cho phù hợp với một kích thước hoặc hình dạng nhất định?
A. resize
B. clip
C. crop
D. overflow
15. Trong HTML5, thẻ nào được sử dụng để tạo vùng chứa cho nhiều hình ảnh và chú thích cho chúng?
A. image
B. figure
C. images
D. picture
16. Đâu là cách tốt nhất để tạo một thư viện hình ảnh (image gallery) trên website?
A. Sử dụng một bảng HTML
B. Sử dụng các thẻ `img` được sắp xếp trong một container và sử dụng CSS để tạo bố cục
C. Sử dụng Flash
D. Sử dụng JavaScript để chèn hình ảnh
17. Thuộc tính nào của thẻ `img` dùng để cung cấp văn bản thay thế cho hình ảnh, hiển thị khi hình ảnh không tải được?
A. title
B. src
C. alt
D. href
18. Đâu là định dạng hình ảnh phù hợp nhất cho logo trên website, cần nền trong suốt và kích thước nhỏ?
A. JPEG
B. GIF
C. PNG
D. BMP
19. Trong CSS, thuộc tính nào được sử dụng để điều chỉnh kích thước hình ảnh?
A. image-size
B. object-fit
C. size
D. display
20. Khi thiết kế chân trang cho website, bạn nên cân nhắc yếu tố nào để đảm bảo tính dễ sử dụng (usability)?
A. Sử dụng quá nhiều màu sắc và hiệu ứng động
B. Đặt chân trang ở vị trí khó tìm thấy
C. Đảm bảo chân trang chứa thông tin liên hệ, bản quyền và các liên kết quan trọng một cách rõ ràng
D. Không cần thiết kế chân trang cho website
21. Khi thiết kế chân trang cho website thương mại điện tử, bạn nên bao gồm những gì?
A. Chỉ thông tin bản quyền
B. Chỉ thông tin liên hệ
C. Thông tin liên hệ, liên kết đến các trang chính sách (ví dụ: chính sách bảo mật, điều khoản dịch vụ), phương thức thanh toán và biểu tượng mạng xã hội
D. Không cần thiết kế chân trang
22. Trong ngữ cảnh của SEO (Search Engine Optimization), tại sao việc tối ưu hóa hình ảnh lại quan trọng?
A. Hình ảnh không ảnh hưởng đến SEO
B. Hình ảnh lớn làm tăng tốc độ tải trang
C. Hình ảnh có thể cung cấp thêm thông tin cho công cụ tìm kiếm và cải thiện trải nghiệm người dùng
D. Hình ảnh chỉ quan trọng đối với thiết kế trang web
23. Khi nào nên sử dụng định dạng SVG thay vì JPEG hoặc PNG cho hình ảnh trên website?
A. Khi hình ảnh là ảnh chụp có nhiều chi tiết
B. Khi cần hình ảnh có độ trong suốt cao
C. Khi hình ảnh là đồ họa vector hoặc biểu tượng
D. Khi muốn hình ảnh có kích thước tệp lớn để đảm bảo chất lượng
24. Thuộc tính CSS `background-image` được sử dụng để làm gì?
A. Chèn hình ảnh vào tài liệu HTML
B. Đặt hình ảnh làm nền cho một phần tử HTML
C. Tạo hiệu ứng động cho hình ảnh
D. Điều chỉnh kích thước của hình ảnh
25. Thuộc tính CSS `object-position` dùng để làm gì?
A. Điều chỉnh kích thước của hình ảnh
B. Xác định vị trí của nội dung được thay thế (như hình ảnh hoặc video) trong vùng chứa của nó
C. Tạo hiệu ứng bóng đổ cho hình ảnh
D. Ẩn hình ảnh
26. Khi thiết kế website đa ngôn ngữ, bạn cần lưu ý điều gì khi sử dụng hình ảnh?
A. Không cần lưu ý gì cả
B. Sử dụng hình ảnh có chứa văn bản để đảm bảo tính nhất quán
C. Cung cấp các phiên bản hình ảnh khác nhau cho từng ngôn ngữ, đặc biệt nếu hình ảnh chứa văn bản
D. Sử dụng hình ảnh động để thu hút người dùng
27. Đâu là lợi ích của việc sử dụng CSS Sprites?
A. Tăng kích thước tệp hình ảnh
B. Giảm số lượng yêu cầu HTTP đến máy chủ
C. Làm cho hình ảnh hiển thị chậm hơn
D. Không có lợi ích gì
28. Để tạo một liên kết đến một trang web khác từ một hình ảnh, bạn sử dụng thẻ nào?
29. Chức năng nào sau đây KHÔNG nên có trong chân trang của một trang web?
A. Thông tin bản quyền
B. Liên kết đến các trang mạng xã hội
C. Điều hướng chính của trang web
D. Thông tin liên hệ
30. Trong thiết kế web responsive, kỹ thuật nào thường được sử dụng để thay đổi hình ảnh dựa trên kích thước màn hình?
A. Sử dụng một hình ảnh duy nhất cho tất cả các kích thước màn hình
B. Sử dụng thuộc tính `zoom` trong CSS
C. Sử dụng thẻ `picture` với các phần tử `source`
D. Sử dụng JavaScript để thay đổi kích thước hình ảnh
Võ Việt Hoàng SEO