Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

[Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

[Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

1. Khi người dùng di chuột qua một mục trong thanh điều hướng, để thay đổi màu sắc hoặc kiểu dáng, thuộc tính CSS nào được sử dụng?

A. :active

B. :focus

C. :hover

D. :visited

2. Nếu muốn thanh điều hướng luôn hiển thị ở đầu trang, ngay cả khi người dùng cuộn trang, thuộc tính CSS nào cần được áp dụng cho phần tử chứa thanh điều hướng (ví dụ: thẻ

3. Thuộc tính CSS nào giúp các mục trong thanh điều hướng trải đều trên toàn bộ chiều rộng của container cha?

A. text-align: center;

B. justify-content: space-between; (khi sử dụng Flexbox)

C. float: right;

D. display: inline-block;

4. Trong một thanh điều hướng phức tạp với nhiều cấp độ (submenus), khi người dùng không nhìn thấy menu con, bạn có thể dùng thuộc tính CSS nào để đảm bảo nó hiển thị khi rê chuột hoặc click?

A. display: none;

B. visibility: hidden;

C. display: block; hoặc visibility: visible; (khi cần hiển thị)

D. opacity: 0;

5. Trong thiết kế thanh điều hướng, việc sử dụng các lớp (classes) CSS như .navbar, .nav-item, .nav-link giúp ích gì?

A. Giúp trình duyệt hiển thị trang nhanh hơn.

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

C. Cho phép áp dụng kiểu dáng và cấu trúc một cách có tổ chức, dễ quản lý và tái sử dụng.

D. Tự động tạo mã JavaScript cho menu.

6. Trong CSS, thuộc tính nào được sử dụng để thêm khoảng cách giữa các mục trong thanh điều hướng, ví dụ như giữa Trang chủ và Giới thiệu?

A. border-spacing

B. margin hoặc padding

C. outline

D. box-shadow

7. Trong HTML, thuộc tính target của thẻ a có giá trị _blank có tác dụng gì?

A. Mở liên kết trong cùng một cửa sổ trình duyệt.

B. Mở liên kết trong một tab hoặc cửa sổ trình duyệt mới.

C. Tải xuống tệp được liên kết.

D. Bỏ qua việc mở liên kết.

8. Để tạo một thanh điều hướng có thể phản hồi (responsive) và hiển thị tốt trên các kích thước màn hình khác nhau, kỹ thuật nào thường được sử dụng kết hợp với CSS?

A. Sử dụng các thuộc tính CSS cố định (fixed pixels).

B. Sử dụng Media Queries để áp dụng các kiểu dáng khác nhau dựa trên kích thước màn hình.

C. Chỉ sử dụng HTML mà không cần CSS.

D. Sử dụng các font chữ có kích thước cố định.

9. Trong ngữ cảnh của thanh điều hướng, thẻ HTML nào thường được sử dụng để nhóm các mục điều hướng lại với nhau một cách có ý nghĩa về mặt ngữ nghĩa (semantic)?

A. Thẻ

B. Thẻ

C. Thẻ

D. Thẻ

10. Khi tạo thanh điều hướng, mục đích chính của việc sử dụng các liên kết là gì?

A. Để hiển thị thông tin tĩnh trên trang.

B. Để người dùng dễ dàng di chuyển giữa các phần khác nhau của trang web hoặc đến các trang khác.

C. Để định dạng văn bản cho các tiêu đề.

D. Để thêm hình ảnh vào trang web.

11. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển đổi mượt mà khi thay đổi kiểu dáng của các mục trong thanh điều hướng (ví dụ: khi rê chuột qua)?

A. animation

B. transition

C. transform

D. keyframe

12. Nếu một mục trong thanh điều hướng là trang hiện tại, bạn có thể sử dụng kỹ thuật nào để đánh dấu nó một cách trực quan và có ý nghĩa cho người dùng?

A. Sử dụng một thẻ không có kiểu dáng.

B. Áp dụng một lớp CSS đặc biệt (ví dụ: .active hoặc .current-page) cho mục đó.

C. Xóa liên kết khỏi mục đó.

D. Thay đổi màu sắc của toàn bộ trang.

13. Trong HTML, thẻ nào thường được sử dụng để định nghĩa một liên kết (link) dẫn đến một trang web hoặc tài nguyên khác?

A. Thẻ p

B. Thẻ a

C. Thẻ div

D. Thẻ h1

14. Trong HTML, để đảm bảo rằng văn bản trong thanh điều hướng không bị ngắt dòng quá sớm trên các thiết bị có chiều rộng hẹp, bạn có thể sử dụng thuộc tính CSS nào cho các mục liên kết?

A. word-wrap: break-word;

B. white-space: nowrap;

C. text-overflow: ellipsis;

D. overflow: hidden;

15. Khi sử dụng Flexbox để tạo thanh điều hướng, thuộc tính align-items trên container cha sẽ ảnh hưởng đến điều gì của các mục con?

A. Sắp xếp các mục theo chiều ngang.

B. Sắp xếp các mục theo chiều dọc (trục chéo).

C. Căn chỉnh các mục theo chiều ngang (trục chính).

D. Phân phối khoảng cách giữa các mục.

16. Thuộc tính CSS nào có thể được sử dụng để thay đổi màu nền của thanh điều hướng?

A. color

B. background-color

C. text-color

D. font-color

17. Để các mục trong thanh điều hướng hiển thị theo chiều ngang thay vì chiều dọc mặc định, thuộc tính CSS nào được áp dụng phổ biến cho các phần tử

A. display: block;

B. display: inline; hoặc display: inline-block;

C. float: left;

D. position: absolute;

18. Thuộc tính CSS nào thường được sử dụng để loại bỏ các dấu chấm mặc định của danh sách (

hoặc

) khi tạo thanh điều hướng?

A. text-decoration: none;

B. list-style-type: none;

C. margin: 0;

D. padding: 0;

19. Khi tạo thanh điều hướng, làm thế nào để đảm bảo các liên kết có thể truy cập được bằng bàn phím (ví dụ: dùng phím Tab)?

A. Chỉ sử dụng các phần tử

làm mục menu.

B. Đảm bảo các mục điều hướng là các phần tử có thể tập trung (focusable elements) như thẻ a hoặc button, và thứ tự Tab hợp lý.

C. Ẩn tất cả các liên kết khỏi bàn phím.

D. Chỉ cho phép truy cập bằng chuột.

20. Để tạo một thanh điều hướng có thể gập lại (collapsible) trên màn hình nhỏ, thường sử dụng kết hợp những công nghệ nào?

A. Chỉ HTML và CSS.

B. HTML, CSS và JavaScript (để xử lý sự kiện click/toggle).

C. Chỉ JavaScript.

D. Chỉ CSS Grid.

21. Việc thêm thuộc tính aria-label vào thẻ

22. Thuộc tính nào của thẻ a được sử dụng để chỉ định địa chỉ URL của trang đích mà liên kết sẽ trỏ tới?

A. target

B. href

C. src

D. link

23. Khi tạo thanh điều hướng có menu thả xuống (dropdown menu), phần tử nào thường được sử dụng để chứa các mục con của menu?

A. Một thẻ lồng trong thẻ .

B. Một danh sách không có thứ tự (

) khác lồng bên trong mục danh sách (

) của menu chính.

C. Một thẻ

chứa các liên kết.

D. Một thẻ

chứa các thẻ

.

24. Để tạo một danh sách các mục trong thanh điều hướng, cấu trúc HTML nào thường được áp dụng phổ biến nhất?

A. Sử dụng thẻ

cho mỗi mục.

B. Sử dụng danh sách không có thứ tự (

) với các mục danh sách (

) chứa liên kết.

C. Sử dụng thẻ

cho mỗi mục.

D. Sử dụng thẻ cho mỗi mục.

25. Trong một thanh điều hướng, việc sử dụng thẻ bên trong thẻ thường nhằm mục đích gì?

A. Để tạo một liên kết phụ.

B. Để áp dụng kiểu dáng riêng biệt (ví dụ: icon, màu sắc khác) cho một phần của văn bản liên kết.

C. Để định nghĩa một đoạn văn bản mới.

D. Để tạo một dòng mới trong menu.

1 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

1. Khi người dùng di chuột qua một mục trong thanh điều hướng, để thay đổi màu sắc hoặc kiểu dáng, thuộc tính CSS nào được sử dụng?

2 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

A. position: relative;

B. position: static;

C. position: fixed;

D. position: sticky;

3 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

3. Thuộc tính CSS nào giúp các mục trong thanh điều hướng trải đều trên toàn bộ chiều rộng của container cha?

A. text-align: center;

B. justify-content: space-between; (khi sử dụng Flexbox)

C. float: right;

D. display: inline-block;

4 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

A. display: none;

B. visibility: hidden;

C. display: block; hoặc visibility: visible; (khi cần hiển thị)

D. opacity: 0;

5 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

5. Trong thiết kế thanh điều hướng, việc sử dụng các lớp (classes) CSS như .navbar, .nav-item, .nav-link giúp ích gì?

A. Giúp trình duyệt hiển thị trang nhanh hơn.

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

C. Cho phép áp dụng kiểu dáng và cấu trúc một cách có tổ chức, dễ quản lý và tái sử dụng.

D. Tự động tạo mã JavaScript cho menu.

6 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

6. Trong CSS, thuộc tính nào được sử dụng để thêm khoảng cách giữa các mục trong thanh điều hướng, ví dụ như giữa Trang chủ và Giới thiệu?

A. border-spacing

B. margin hoặc padding

C. outline

D. box-shadow

7 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

7. Trong HTML, thuộc tính target của thẻ a có giá trị _blank có tác dụng gì?

A. Mở liên kết trong cùng một cửa sổ trình duyệt.

B. Mở liên kết trong một tab hoặc cửa sổ trình duyệt mới.

C. Tải xuống tệp được liên kết.

D. Bỏ qua việc mở liên kết.

8 / 25

Category: [Cánh diều] Trắc nghiệm Tin học ứng dụng 12 bài 3: Tạo thanh điều hướng cho trang web

Tags: Bộ đề 1

A. Sử dụng các thuộc tính CSS cố định (fixed pixels).

B. Sử dụng Media Queries để áp dụng các kiểu dáng khác nhau dựa trên kích thước màn hình.

C. Chỉ sử dụng HTML mà không cần CSS.

D. Sử dụng các font chữ có kích thước cố định.

.

cho mỗi mục.

.

cho mỗi mục.

Đề trắc nghiệm liên quan: