Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng

1. Thẻ HTML nào thường được sử dụng để tạo một mục trong danh sách (cả có thứ tự và không có thứ tự)?

A. Thẻ list

B. Thẻ item

C. Thẻ li

D. Thẻ entry

2. Trong CSS, thuộc tính color dùng để làm gì?

A. Thay đổi màu nền của phần tử.

B. Thay đổi kích thước font chữ.

C. Thay đổi màu sắc của văn bản.

D. Tạo đường viền cho phần tử.

3. Trong quá trình thiết kế một trang web, thẻ HTML nào thường đượ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 trên cùng một trang?

A. Thẻ img

B. Thẻ p

C. Thẻ a

D. Thẻ h1

4. Trong CSS, thuộc tính text-decoration thường được dùng để làm gì cho văn bản?

A. Thay đổi kiểu font chữ.

B. Thêm gạch chân, gạch ngang, hoặc gạch dưới cho văn bản.

C. Điều chỉnh khoảng cách dòng.

D. Căn chỉnh văn bản.

5. Thẻ HTML nào được sử dụng để tạo một đoạn văn bản?

A. Thẻ div

B. Thẻ span

C. Thẻ p

D. Thẻ br

6. Thẻ HTML nào được sử dụng để tạo một dòng ngắt văn bản hoặc một khoảng trống theo chiều dọc?

A. Thẻ p

B. Thẻ span

C. Thẻ div

D. Thẻ br

7. Trong CSS, thuộc tính background-color dùng để làm gì?

A. Thay đổi màu sắc của văn bản.

B. Tạo đường viền cho phần tử.

C. Thay đổi màu nền của phần tử.

D. Điều chỉnh khoảng cách xung quanh phần tử.

8. Để đảm bảo thanh điều hướng hiển thị tốt trên nhiều kích thước màn hình khác nhau (thiết bị di động, máy tính bảng, máy tính để bàn), nhà thiết kế nên áp dụng kỹ thuật nào?

A. Thiết kế chỉ dành cho máy tính để bàn.

B. Sử dụng ảnh có độ phân giải cao cho tất cả các thiết bị.

C. Thiết kế web đáp ứng (Responsive Web Design).

D. Chỉ sử dụng văn bản thuần túy.

9. Để tạo một danh sách không có thứ tự (unordered list) trong HTML, người ta sử dụng thẻ nào?

A. Thẻ ol

B. Thẻ ul

C. Thẻ li

D. Thẻ dl

10. Thẻ HTML nào được sử dụng để tạo một vùng chứa cho các phần tử khác, thường dùng để nhóm nội dung hoặc áp dụng CSS?

A. Thẻ p

B. Thẻ span

C. Thẻ div

D. Thẻ header

11. Để tạo một liên kết mở ra một cửa sổ trình duyệt mới, thuộc tính nào của thẻ a thường được sử dụng?

A. target=_self

B. target=_parent

C. target=_blank

D. target=_top

12. Thuộc tính href trong thẻ a có vai trò gì?

A. Xác định văn bản hiển thị của liên kết.

B. Chỉ định đích đến của liên kết (URL hoặc đường dẫn).

C. Quy định cách mở liên kết (cùng cửa sổ hay cửa sổ mới).

D. Thiết lập kiểu chữ cho văn bản liên kết.

13. Để tạo một liên kết đến một địa chỉ email, cú pháp nào sau đây là đúng?

A. href=mailto:ten@example.com

B. href=email:ten@example.com

C. href=@mailto:ten@example.com

D. href=sendmail:ten@example.com

14. Thuộc tính src thường được sử dụng với thẻ HTML nào để nhúng một tài nguyên bên ngoài?

A. Thẻ a

B. Thẻ p

C. Thẻ img

D. Thẻ div

15. Để tạo một liên kết đến một phần cụ thể trên cùng một trang web (ví dụ: nhảy đến phần Giới thiệu), người ta thường kết hợp những thẻ và thuộc tính nào?

A. Thẻ a với href trỏ tới tên tệp tin.

B. Thẻ a với href trỏ tới một ID duy nhất trên trang.

C. Thẻ div với thuộc tính id và liên kết đến URL trang.

D. Thẻ span với thuộc tính name.

16. Trong CSS, thuộc tính font-size dùng để làm gì?

A. Thay đổi kiểu dáng của chữ (in đậm, nghiêng).

B. Thay đổi màu sắc của văn bản.

C. Điều chỉnh kích thước của chữ.

D. Thiết lập khoảng cách giữa các ký tự.

17. Trong CSS, làm thế nào để tạo kiểu cho một phần tử có lớp (class) là menu-item?

A. Sử dụng bộ chọn ID: #menu-item {}

B. Sử dụng bộ chọn lớp: .menu-item {}

C. Sử dụng bộ chọn phần tử: menu-item {}

D. Sử dụng bộ chọn thuộc tính: [class=menu-item] {}

18. Để tạo một liên kết đến một tệp tin tải xuống (ví dụ: tệp PDF), thuộc tính href của thẻ a nên chứa gì?

A. Chỉ tên tệp tin.

B. Đường dẫn đầy đủ đến tệp tin (bao gồm cả tên tệp).

C. URL của trang web chứa tệp tin.

D. URL của một trang web khác liên quan.

19. Thanh điều hướng (navigation bar) trên một trang web có chức năng chính là gì?

A. Hiển thị nội dung chính của trang.

B. Cho phép người dùng tìm kiếm thông tin trên trang.

C. Giúp người dùng dễ dàng di chuyển giữa các phần khác nhau của trang hoặc các trang khác nhau trên website.

D. Trình bày các thông tin liên hệ của website.

20. Để tạo một danh sách có thứ tự (ordered list) trong HTML, người dùng sẽ sử dụng thẻ nào?

A. Thẻ ul

B. Thẻ li

C. Thẻ dl

D. Thẻ ol

21. Khi thiết kế thanh điều hướng, việc sử dụng các màu sắc tương phản để phân biệt các mục hoặc trạng thái của liên kết (ví dụ: khi di chuột qua) giúp cải thiện điều gì?

A. Tăng tính thẩm mỹ tổng thể của trang.

B. Cải thiện khả năng nhận diện và tương tác của người dùng.

C. Giảm tải trọng cho trình duyệt.

D. Giúp trang web chiếm ít dung lượng lưu trữ hơn.

22. Thẻ HTML nào được sử dụng để tạo một tiêu đề cấp 1 cho một trang web?

A. Thẻ h6

B. Thẻ h3

C. Thẻ h1

D. Thẻ title

23. Khi thiết kế thanh điều hướng, việc sắp xếp các mục theo một trình tự logic (ví dụ: Trang chủ, Giới thiệu, Sản phẩm, Liên hệ) giúp ích gì cho người dùng?

A. Làm cho trang web trông chuyên nghiệp hơn.

B. Giúp người dùng dễ dàng tìm thấy thông tin họ cần và hiểu cấu trúc website.

C. Tăng cường bảo mật cho trang web.

D. Giảm số lượng liên kết cần thiết.

24. Khi thiết kế thanh điều hướng, việc sử dụng các liên kết có ý nghĩa rõ ràng và mô tả chính xác nội dung đích đến là một thực hành tốt vì lý do gì?

A. Tăng tốc độ tải trang.

B. Cải thiện trải nghiệm người dùng và khả năng tiếp cận (SEO, người dùng khiếm thị).

C. Giảm dung lượng mã nguồn.

D. Tạo ra hiệu ứng đồ họa bắt mắt hơn.

25. Khi thiết kế thanh điều hướng ngang (horizontal navigation bar), cách phổ biến nhất để các mục liên kết hiển thị cạnh nhau thay vì xếp chồng lên nhau là sử dụng kỹ thuật CSS nào?

A. Sử dụng thuộc tính display: block; cho các mục.

B. Sử dụng thuộc tính float: left; hoặc display: inline-block; cho các mục.

C. Sử dụng thuộc tính text-align: center; cho danh sách.

D. Sử dụng thuộc tính margin-top lớn cho các mục.