Bộ 30+ Câu hỏi trắc nghiệm Sử dụng Map, Forms và các thiết lập trang web (Có đáp án)
Bộ 30+ Câu hỏi trắc nghiệm Sử dụng Map, Forms và các thiết lập trang web (Có đáp án). Cùng rèn luyện kiến thức thiết kế Website (Web) online ngay nhé.
1. Loại input nào trong HTML5 cho phép người dùng chọn một ngày từ lịch?
A. input type=""time""
B. input type=""datetime""
C. input type=""date""
D. input type=""month""
2. Thiết lập viewport trong HTML có vai trò gì trong việc hiển thị trang web trên các thiết bị di động?
A. Chỉ định ngôn ngữ của trang web.
B. Kiểm soát cách trang web được thu nhỏ và phóng to trên các thiết bị khác nhau.
C. Xác định màu nền của trang web.
D. Tạo hiệu ứng động cho trang web.
3. Tại sao việc thiết lập viewport là quan trọng đối với SEO (Search Engine Optimization)?
A. Giúp trang web tải nhanh hơn.
B. Cải thiện khả năng hiển thị trên thiết bị di động, một yếu tố quan trọng trong xếp hạng tìm kiếm.
C. Tăng cường bảo mật cho trang web.
D. Cho phép trang web sử dụng nhiều JavaScript hơn.
4. Geocoder là gì trong ngữ cảnh của các API bản đồ?
A. Một đối tượng để vẽ đường trên bản đồ.
B. Một dịch vụ để chuyển đổi địa chỉ thành tọa độ (latitude và longitude) và ngược lại.
C. Một công cụ để tạo bản đồ nhiệt.
D. Một thư viện để tùy chỉnh giao diện bản đồ.
5. Trong HTML, thuộc tính 'autocomplete' có tác dụng gì trong một form?
A. Tự động hoàn thành form khi người dùng nhập dữ liệu.
B. Ngăn trình duyệt tự động hoàn thành form.
C. Xác định kiểu dữ liệu được chấp nhận trong form.
D. Tự động kiểm tra lỗi chính tả trong form.
6. Phần tử HTML nào được sử dụng để tạo một danh sách các tùy chọn mà người dùng có thể chọn trong một form?
A. input
B. textarea
C. select
D. button
7. Giá trị 'initial-scale=1.0' trong thuộc tính 'content' của thẻ meta viewport có ý nghĩa gì?
A. Đặt tỷ lệ thu phóng ban đầu của trang web là 100%.
B. Đặt tỷ lệ thu phóng ban đầu của trang web là 50%.
C. Tắt tính năng thu phóng của trang web.
D. Tự động thu phóng trang web để phù hợp với màn hình.
8. Tại sao cần thiết lập 'maximum-scale' và 'minimum-scale' trong thẻ meta viewport?
A. Để kiểm soát mức độ thu phóng tối đa và tối thiểu mà người dùng có thể thực hiện.
B. Để xác định kích thước phông chữ tối đa và tối thiểu.
C. Để chỉ định độ sáng tối đa và tối thiểu của màn hình.
D. Để thiết lập thời gian tải trang tối đa và tối thiểu.
9. Trong HTML, thuộc tính nào được sử dụng để liên kết một label với một form control?
A. name
B. id
C. class
D. for
10. Trong HTML, thuộc tính 'required' có tác dụng gì trong một form?
A. Làm cho trường đó chỉ đọc.
B. Làm cho trường đó bắt buộc phải điền trước khi submit form.
C. Tự động điền giá trị mặc định cho trường.
D. Ẩn trường đó khỏi người dùng.
11. Thuộc tính nào trong thẻ input được sử dụng để xác định loại dữ liệu nào được mong đợi (ví dụ: email, số điện thoại)?
A. name
B. id
C. type
D. value
12. Thuộc tính 'placeholder' trong một input field được sử dụng để làm gì?
A. Đặt giá trị mặc định cho input field.
B. Hiển thị một đoạn văn bản gợi ý bên trong input field khi nó trống.
C. Xác định kích thước của input field.
D. Xác định kiểu dữ liệu được chấp nhận trong input field.
13. Khi thiết kế form, tại sao nên sử dụng các label rõ ràng và dễ đọc cho mỗi input field?
A. Chỉ để làm cho form trông đẹp hơn.
B. Để cải thiện khả năng truy cập và trải nghiệm người dùng, đặc biệt là cho người dùng sử dụng trình đọc màn hình.
C. Để giảm kích thước file HTML.
D. Để tăng tốc độ tải trang.
14. API (Application Programming Interface) bản đồ nào phổ biến và được sử dụng rộng rãi để nhúng bản đồ vào trang web?
A. Microsoft Word API
B. Google Maps API
C. Adobe Photoshop API
D. Linux Kernel API
15. Thuộc tính 'user-scalable' trong thẻ meta viewport được sử dụng để làm gì?
A. Cho phép hoặc ngăn người dùng thu phóng trang web.
B. Xác định ngôn ngữ của trang web.
C. Thiết lập cookie cho trang web.
D. Chỉ định kích thước phông chữ mặc định.
16. Đối tượng nào trong Google Maps API được sử dụng để hiển thị một cửa sổ thông tin khi người dùng nhấp vào một marker?
A. Map
B. Marker
C. InfoWindow
D. Geocoder
17. Làm thế nào để đảm bảo rằng trang web của bạn hiển thị bản đồ một cách chính xác trên nhiều loại thiết bị (ví dụ: máy tính, điện thoại, máy tính bảng)?
A. Sử dụng kích thước cố định cho bản đồ.
B. Sử dụng CSS media queries và thiết kế đáp ứng (responsive design).
C. Chỉ hỗ trợ một loại thiết bị duy nhất.
D. Sử dụng Flash để hiển thị bản đồ.
18. Để hiển thị một marker (điểm đánh dấu) trên bản đồ bằng Google Maps API, bạn cần sử dụng đối tượng nào?
A. Map
B. Marker
C. InfoWindow
D. Geocoder
19. CSS framework nào thường được sử dụng để tạo form có giao diện đẹp và đáp ứng trên nhiều thiết bị?
A. Microsoft Word
B. Bootstrap
C. Adobe Photoshop
D. Linux Kernel
20. Thẻ HTML nào được sử dụng để tạo một khu vực nhập văn bản nhiều dòng trong một form?
A. input type=""text""
B. input type=""textarea""
C. textarea
D. input type=""multiline""
21. Giá trị 'width=device-width' trong thuộc tính 'content' của thẻ meta viewport có ý nghĩa gì?
A. Đặt chiều rộng của trang web bằng với chiều rộng của thiết bị.
B. Đặt chiều cao của trang web bằng với chiều cao của thiết bị.
C. Đặt chiều rộng của trang web là 960 pixels.
D. Đặt chiều cao của trang web là 768 pixels.
22. Để tạo một bản đồ có thể tương tác trên một trang web, công nghệ nào thường được sử dụng?
A. Chỉ sử dụng HTML và CSS.
B. Sử dụng JavaScript kết hợp với một dịch vụ bản đồ như Google Maps API hoặc Leaflet.
C. Sử dụng Flash.
D. Chỉ sử dụng SVG.
23. Sự khác biệt chính giữa thuộc tính 'name' và 'id' trong các phần tử form là gì?
A. 'name' được sử dụng cho CSS, còn 'id' cho JavaScript.
B. 'id' được sử dụng để xác định phần tử trong JavaScript và CSS, còn 'name' để xác định phần tử khi gửi form.
C. 'name' là duy nhất trên toàn trang, còn 'id' chỉ duy nhất trong một form.
D. Không có sự khác biệt, chúng có thể được sử dụng thay thế cho nhau.
24. Để tùy chỉnh giao diện của bản đồ (ví dụ: màu sắc, kiểu đường xá) trong Google Maps API, bạn có thể sử dụng tính năng nào?
A. Geocoder
B. Map Styles
C. Marker
D. InfoWindow
25. Thuộc tính 'action' trong thẻ form chỉ định điều gì?
A. Phương thức gửi dữ liệu (GET hoặc POST).
B. Địa chỉ URL nơi dữ liệu form sẽ được gửi đến.
C. Tên của form.
D. Các trường dữ liệu sẽ được gửi.
26. Thẻ meta nào được sử dụng để thiết lập viewport trong HTML?
A. meta charset
B. meta name=""viewport""
C. meta http-equiv=""X-UA-Compatible""
D. meta name=""description""
27. Trong ngữ cảnh của việc nhúng bản đồ vào trang web, CORS (Cross-Origin Resource Sharing) là gì và tại sao nó quan trọng?
A. Một ngôn ngữ lập trình để tạo bản đồ.
B. Một cơ chế bảo mật trình duyệt web để kiểm soát các yêu cầu tài nguyên từ các nguồn gốc khác nhau.
C. Một dịch vụ để lưu trữ dữ liệu bản đồ.
D. Một công cụ để tối ưu hóa hiệu suất bản đồ.
28. Phương thức nào thường được sử dụng để gửi dữ liệu form một cách an toàn, đặc biệt là khi chứa thông tin nhạy cảm?
A. GET
B. PUT
C. DELETE
D. POST
29. Thuộc tính 'content' trong thẻ meta viewport được sử dụng để làm gì?
A. Xác định bộ ký tự của trang web.
B. Chỉ định kích thước ban đầu của trang web và tỷ lệ thu phóng.
C. Cung cấp mô tả về trang web cho các công cụ tìm kiếm.
D. Thiết lập cookie cho trang web.
30. Thư viện JavaScript nào thường được sử dụng để tạo bản đồ tương tác mã nguồn mở, nhẹ và dễ tùy chỉnh?
A. Bootstrap
B. Leaflet
C. jQuery
D. React
Võ Việt Hoàng SEO