[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web 1. Khi xem trước trang web, nếu một hình ảnh không hiển thị, thuộc tính HTML nào nên được kiểm tra đầu tiên để xác định nguyên nhân? A. `alt` B. `src` C. `width` D. `height` 2. Yếu tố nào quyết định cách các phần tử trên trang web được sắp xếp và định vị trên màn hình? A. Chỉ có nội dung HTML. B. Sử dụng CSS để định nghĩa bố cục (layout) và thuộc tính định vị (positioning). C. Chỉ dùng JavaScript. D. Màu sắc và font chữ. 3. Khi thiết kế một nút bấm, bạn muốn nó có viền bo tròn. Thuộc tính CSS nào bạn sẽ sử dụng? A. `border-radius` B. `margin` C. `padding` D. `border-style` 4. Trong quá trình xem trước trang web, làm thế nào để kiểm tra xem trang web có hiển thị tốt trên các thiết bị di động hay không? A. Chỉ kiểm tra trên một máy tính để bàn. B. Sử dụng tính năng Developer Tools trong trình duyệt để mô phỏng các thiết bị khác nhau. C. In toàn bộ trang web ra giấy. D. Yêu cầu người dùng khác kiểm tra trên điện thoại của họ. 5. Thẻ HTML nào được sử dụng để nhúng một tệp CSS từ bên ngoài vào trang web? A. `` B. `` C. `` D. `` 6. Khi thiết kế giao diện, bạn muốn tất cả các đoạn văn bản trên trang có màu xanh dương. Phương án CSS nào hiệu quả nhất để đạt được điều này? A. Áp dụng `style=color: blue;` cho từng thẻ `` riêng lẻ. B. Tạo một quy tắc CSS chung cho thẻ `p` với thuộc tính `color: blue;`. C. Sử dụng thuộc tính `font-color` trong thẻ ``. D. Chỉ định màu xanh dương cho toàn bộ body, hy vọng nó sẽ kế thừa. 7. Khi thiết lập giao diện cho một trang web, việc sử dụng các thẻ HTML hợp lệ và có ý nghĩa (semantic HTML) mang lại lợi ích gì? A. Giúp trang web tải nhanh hơn. B. Tăng cường khả năng tiếp cận (accessibility) và SEO. C. Chỉ có tác dụng trang trí cho mã nguồn. D. Yêu cầu trình duyệt hiển thị trang web bằng ngôn ngữ khác. 8. Trong HTML, thẻ nào được sử dụng để tạo một tiêu đề cấp cao nhất cho trang web? A. `` B. `` C. `` D. `` 9. Trong HTML, thẻ nào được sử dụng để tạo một danh sách không có thứ tự (unordered list)? A. `` B. `` C. `` D. `` 10. Ngôn ngữ nào chủ yếu được sử dụng để định nghĩa cấu trúc và nội dung của một trang web? A. CSS (Cascading Style Sheets) B. JavaScript C. HTML (HyperText Markup Language) D. PHP 11. Trong quá trình tạo trang web, yếu tố nào đóng vai trò quan trọng nhất trong việc định hình trải nghiệm người dùng và truyền tải thông điệp của trang web? A. Cấu trúc HTML B. Nội dung văn bản C. Thiết lập giao diện (bao gồm bố cục, màu sắc, font chữ) D. Tốc độ tải trang 12. Đâu là mục đích chính của việc sử dụng thuộc tính `id` trong HTML? A. Để định dạng mọi phần tử có cùng đặc điểm. B. Để xác định duy nhất một phần tử và có thể được sử dụng bởi CSS hoặc JavaScript để thao tác với phần tử đó. C. Để tạo liên kết đến một trang web khác. D. Để chỉ định ngôn ngữ của nội dung. 13. Trong quá trình tạo trang web, việc xem trước (preview) giúp ích gì cho nhà phát triển? A. Chỉ giúp kiểm tra lỗi chính tả trong nội dung. B. Cho phép kiểm tra trực quan kết quả thiết kế, phát hiện lỗi hiển thị và điều chỉnh kịp thời. C. Thay thế hoàn toàn cho việc kiểm thử trình duyệt. D. Là bước cuối cùng không cần thiết nếu mã đã đúng. 14. Tại sao việc sử dụng các đơn vị tương đối (như % hoặc em) trong CSS lại quan trọng cho việc thiết kế web đáp ứng (responsive design)? A. Chúng làm cho trang web chỉ hiển thị tốt trên một kích thước màn hình cố định. B. Chúng giúp các phần tử trên trang tự động điều chỉnh kích thước theo màn hình hoặc font chữ của người dùng. C. Chúng chỉ có thể áp dụng cho văn bản. D. Chúng làm giảm khả năng tương thích với các trình duyệt cũ. 15. Trong HTML, thẻ nào được sử dụng để tạo một liên kết đến một trang web khác hoặc một phần khác của cùng một trang? A. `` B. `` C. `` D. `` 16. CSS được sử dụng để làm gì trong việc phát triển trang web? A. Xử lý logic và tương tác người dùng. B. Định dạng và trình bày giao diện của trang web. C. Lưu trữ dữ liệu người dùng. D. Kết nối với máy chủ cơ sở dữ liệu. 17. Thuộc tính CSS nào dùng để thay đổi kiểu hiển thị của một phần tử thành dạng khối (block) hay nội tuyến (inline)? A. `position` B. `display` C. `visibility` D. `float` 18. Trong quá trình thiết lập giao diện, làm thế nào để bạn đảm bảo rằng trang web sẽ có giao diện tốt trên cả máy tính và thiết bị di động? A. Thiết kế chỉ cho màn hình máy tính và hy vọng nó sẽ tự điều chỉnh. B. Sử dụng kỹ thuật Responsive Web Design, kết hợp CSS Media Queries. C. Tạo hai phiên bản trang web riêng biệt cho máy tính và di động. D. Chỉ sử dụng các hình ảnh có kích thước cố định. 19. Đâu là một phương pháp tốt để tổ chức các file CSS trong một dự án web lớn? A. Gộp tất cả mã CSS vào một file duy nhất. B. Tạo các file CSS riêng biệt cho từng thành phần hoặc chức năng của trang. C. Sử dụng inline styles cho tất cả các phần tử. D. Lưu trữ tất cả CSS trong file HTML. 20. Thuộc tính CSS nào được sử dụng để thêm khoảng cách giữa nội dung của một phần tử và viền của nó? A. `margin` B. `padding` C. `border` D. `outline` 21. Khi thiết kế giao diện, bạn muốn tạo một hiệu ứng chuyển đổi mượt mà khi thay đổi một thuộc tính CSS (ví dụ: màu nền, kích thước). Bạn nên sử dụng thuộc tính CSS nào? A. `animation` B. `transition` C. `transform` D. `transition-delay` 22. Khi thiết kế một nút bấm trên trang web, thuộc tính CSS nào thường được sử dụng để thay đổi màu nền của nút khi người dùng di chuột qua? A. `color` B. `background-color` C. `font-size` D. `text-align` 23. Yếu tố nào sau đây KHÔNG thuộc về việc thiết lập giao diện trang web? A. Màu sắc chủ đạo của trang. B. Kiểu dáng và kích thước của font chữ. C. Cấu trúc liên kết giữa các trang. D. Bố cục sắp xếp các thành phần (ví dụ: header, footer, sidebar). 24. Công cụ nào thường được sử dụng để xem trước trực tiếp các thay đổi trong quá trình thiết kế và phát triển giao diện web? A. Công cụ soạn thảo văn bản (ví dụ: Microsoft Word) B. Trình duyệt web (ví dụ: Chrome, Firefox, Edge) C. Phần mềm quản lý dự án D. Công cụ nén file 25. Bạn muốn tạo một phần tử có thể định vị tự do trên trang web, độc lập với luồng văn bản thông thường. Bạn nên sử dụng giá trị nào cho thuộc tính `position` trong CSS? A. `static` B. `relative` C. `absolute` D. `fixed` Nộp đáp án Đề trắc nghiệm liên quan: [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài E7: Sử dụng Map, Forms và các thiết lập trang web [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài A4: Thực hành kết nối thiết bị số với máy tính (tiếp theo) [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài A3: Thực hành kết nối thiết bị số với máy tính [Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài E6: Chèn YouTube, Calendar, Drive và Collapsible group