Bộ 2 - Bộ 30+ câu hỏi trắc nghiệm online Nhập môn web và ứng dụng có đáp án. Cùng rèn luyện kiến thức ngay nhé.
1. Chức năng của một service worker là gì?
A. Quản lý cơ sở dữ liệu
B. Xử lý logic phía máy chủ
C. Cho phép trang web hoạt động ngoại tuyến và cải thiện hiệu suất
D. Tạo hiệu ứng động cho trang web
2. CORS (Cross-Origin Resource Sharing) là gì và tại sao nó cần thiết?
A. Một kỹ thuật tối ưu hóa hình ảnh; để giảm kích thước tệp tin hình ảnh
B. Một cơ chế bảo mật trình duyệt; để kiểm soát các yêu cầu tài nguyên giữa các nguồn gốc khác nhau
C. Một kỹ thuật tăng tốc độ tải trang; để tải tài nguyên từ CDN
D. Một phương pháp quản lý cơ sở dữ liệu; để truy cập dữ liệu từ các nguồn khác nhau
3. Đâu là một framework JavaScript phổ biến được sử dụng để xây dựng giao diện người dùng?
A. PHP
B. SQL
C. React
D. Java
4. Ngôn ngữ nào sau đây thường được sử dụng để tạo cấu trúc và nội dung cho một trang web?
A. JavaScript
B. HTML
C. CSS
D. PHP
5. JavaScript được sử dụng để làm gì trong phát triển web?
A. Xây dựng cấu trúc trang web
B. Định dạng trang web
C. Tạo tính tương tác và động cho trang web
D. Quản lý cơ sở dữ liệu
6. Phương pháp nào sau đây được sử dụng để gửi dữ liệu từ trình duyệt đến máy chủ trong một biểu mẫu HTML?
A. GET và POST
B. PUT và DELETE
C. UPDATE và CREATE
D. READ và WRITE
7. Sự khác biệt chính giữa `display: inline` và `display: block` trong CSS là gì?
A. `inline` tạo ra một dòng mới, `block` thì không
B. `block` chiếm toàn bộ chiều rộng có sẵn, `inline` chỉ chiếm chiều rộng cần thiết
C. `inline` có thể chứa các phần tử `block`, `block` thì không
D. Không có sự khác biệt
8. Thuộc tính nào trong CSS được sử dụng để thay đổi màu chữ?
A. font-size
B. background-color
C. color
D. text-align
9. Thuộc tính `z-index` trong CSS được sử dụng để làm gì?
A. Xác định kích thước của phần tử
B. Xác định thứ tự xếp chồng của các phần tử
C. Xác định vị trí của phần tử
D. Xác định màu nền của phần tử
10. Vai trò của thuộc tính `alt` trong thẻ `img` là gì?
A. Xác định kích thước của hình ảnh
B. Xác định đường dẫn đến hình ảnh
C. Cung cấp văn bản thay thế khi hình ảnh không hiển thị được
D. Tạo hiệu ứng động cho hình ảnh
11. Sự khác biệt giữa `margin` và `padding` trong CSS là gì?
A. `margin` là khoảng cách bên trong phần tử, `padding` là khoảng cách bên ngoài phần tử
B. `padding` là khoảng cách bên trong phần tử, `margin` là khoảng cách bên ngoài phần tử
C. `margin` chỉ áp dụng cho văn bản, `padding` chỉ áp dụng cho hình ảnh
D. Không có sự khác biệt
12. Chức năng chính của một CDN (Content Delivery Network) là gì?
A. Lưu trữ cơ sở dữ liệu
B. Tăng tốc độ tải trang web bằng cách phân phối nội dung từ các máy chủ gần người dùng
C. Bảo vệ trang web khỏi các cuộc tấn công DDoS
D. Tối ưu hóa mã nguồn trang web
13. Thẻ HTML nào được sử dụng để tạo một liên kết?
14. Mục đích chính của việc sử dụng media queries trong CSS là gì?
A. Tối ưu hóa hình ảnh cho các thiết bị khác nhau
B. Áp dụng các kiểu dáng khác nhau dựa trên đặc điểm của thiết bị (ví dụ: kích thước màn hình)
C. Tạo hiệu ứng động cho trang web
D. Quản lý bố cục trang web
15. Khi nào nên sử dụng phương thức `GET` thay vì `POST` trong một biểu mẫu HTML?
A. Khi gửi dữ liệu nhạy cảm như mật khẩu
B. Khi tải lên tệp tin lớn
C. Khi dữ liệu có thể được đánh dấu và chia sẻ qua URL
D. Khi cần gửi một lượng lớn dữ liệu
16. Sự khác biệt giữa `==` và `===` trong JavaScript là gì?
A. `==` so sánh giá trị, `===` so sánh giá trị và kiểu dữ liệu
B. `===` so sánh giá trị, `==` so sánh giá trị và kiểu dữ liệu
C. `==` gán giá trị, `===` so sánh giá trị
D. Không có sự khác biệt
17. Lazy loading hình ảnh là gì và tại sao nó hữu ích?
A. Một kỹ thuật tải hình ảnh chất lượng cao; để cải thiện chất lượng hình ảnh
B. Một kỹ thuật tải hình ảnh chỉ khi chúng xuất hiện trong khung nhìn; để cải thiện hiệu suất tải trang
C. Một kỹ thuật tải hình ảnh từ CDN; để tăng tốc độ tải hình ảnh
D. Một kỹ thuật tải hình ảnh tuần tự; để kiểm soát thứ tự tải hình ảnh
18. Điều gì xảy ra khi bạn đặt `position: absolute` cho một phần tử CSS?
A. Phần tử sẽ được đặt cố định trên màn hình
B. Phần tử sẽ được định vị tương đối so với phần tử cha gần nhất có `position` khác `static`
C. Phần tử sẽ được định vị tương đối so với tài liệu HTML
D. Phần tử sẽ không hiển thị
19. Tại sao việc tối ưu hóa hình ảnh lại quan trọng trong phát triển web?
A. Để cải thiện chất lượng hình ảnh
B. Để giảm kích thước tệp tin, tăng tốc độ tải trang và cải thiện trải nghiệm người dùng
C. Để hình ảnh hiển thị đẹp hơn trên các thiết bị khác nhau
D. Để hình ảnh được lập chỉ mục tốt hơn bởi các công cụ tìm kiếm
20. Chức năng của thuộc tính `overflow` trong CSS là gì?
A. Xác định màu nền của phần tử
B. Xác định cách nội dung tràn ra khỏi phần tử được xử lý
C. Xác định kích thước của phần tử
D. Xác định vị trí của phần tử
21. Tại sao việc sử dụng các công cụ phát triển trình duyệt (ví dụ: Chrome DevTools) lại quan trọng trong phát triển web?
A. Để viết mã nhanh hơn
B. Để gỡ lỗi, kiểm tra hiệu suất và phân tích trang web
C. Để tự động tạo mã HTML và CSS
D. Để tải trang web nhanh hơn
22. JSON (JavaScript Object Notation) thường được sử dụng để làm gì?
A. Định dạng trang web
B. Lưu trữ dữ liệu trên máy chủ
C. Trao đổi dữ liệu giữa máy chủ và trình duyệt
D. Tạo hiệu ứng động cho trang web
23. Cookie thường được sử dụng để làm gì trong phát triển web?
A. Lưu trữ dữ liệu trên máy chủ
B. Lưu trữ thông tin về người dùng trên trình duyệt
C. Tạo hiệu ứng động cho trang web
D. Quản lý cơ sở dữ liệu
24. CSS được sử dụng để làm gì trong phát triển web?
A. Xử lý logic phía máy chủ
B. Tạo hiệu ứng động cho trang web
C. Định dạng và tạo kiểu cho trang web
D. Quản lý cơ sở dữ liệu
25. Thuộc tính `src` trong thẻ `img` được sử dụng để làm gì?
A. Xác định kích thước của hình ảnh
B. Xác định đường dẫn đến hình ảnh
C. Xác định văn bản thay thế cho hình ảnh
D. Xác định tiêu đề của hình ảnh
26. Vue.js là gì?
A. Một ngôn ngữ truy vấn cơ sở dữ liệu
B. Một thư viện JavaScript để xây dựng giao diện người dùng
C. Một ngôn ngữ lập trình phía máy chủ
D. Một hệ thống quản lý nội dung
27. Sự khác biệt giữa `localStorage` và `sessionStorage` trong JavaScript là gì?
A. `localStorage` lưu trữ dữ liệu tạm thời, `sessionStorage` lưu trữ dữ liệu vĩnh viễn
B. `sessionStorage` lưu trữ dữ liệu tạm thời, `localStorage` lưu trữ dữ liệu vĩnh viễn cho đến khi bị xóa thủ công
C. Không có sự khác biệt
D. Cả hai đều lưu trữ dữ liệu trên máy chủ
28. Cross-site scripting (XSS) là gì và làm thế nào để ngăn chặn nó?
A. Một loại tấn công từ chối dịch vụ; sử dụng tường lửa để ngăn chặn
B. Một loại tấn công mà kẻ tấn công chèn mã độc hại vào trang web; sử dụng kỹ thuật kiểm tra đầu vào và mã hóa đầu ra để ngăn chặn
C. Một loại tấn công brute-force; sử dụng mật khẩu mạnh để ngăn chặn
D. Một loại tấn công phishing; giáo dục người dùng để ngăn chặn
29. Cách tốt nhất để đảm bảo khả năng truy cập (accessibility) cho người dùng khuyết tật khi thiết kế web là gì?
A. Sử dụng màu sắc tương phản cao
B. Cung cấp văn bản thay thế cho hình ảnh, sử dụng cấu trúc HTML ngữ nghĩa và đảm bảo khả năng điều hướng bằng bàn phím
C. Sử dụng hiệu ứng động và âm thanh
D. Sử dụng phông chữ phức tạp và khó đọc
30. Đâu là một ví dụ về một responsive web design?
A. Một trang web chỉ hiển thị tốt trên máy tính để bàn
B. Một trang web có bố cục cố định không thay đổi
C. Một trang web tự động điều chỉnh bố cục để phù hợp với kích thước màn hình của thiết bị
D. Một trang web yêu cầu người dùng phải phóng to để xem nội dung
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO