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

1. Khi thiết kế thanh điều hướng, việc sử dụng các lớp (class) trong HTML và CSS giúp ích gì?

A. Chỉ để đánh dấu các phần tử quan trọng.

B. Để nhóm các phần tử có kiểu dáng hoặc chức năng tương tự, giúp dễ dàng áp dụng và quản lý CSS.

C. Để chỉ định địa chỉ URL cho các liên kết.

D. Để tạo các thuộc tính HTML tùy chỉnh.

2. Thẻ HTML nào đại diện cho phần đầu của tài liệu, chứa các siêu dữ liệu (metadata) như tiêu đề trang, liên kết tới tệp CSS, hoặc tệp JavaScript?

A. Thẻ body

B. Thẻ footer

C. Thẻ head

D. Thẻ header

3. Khi thiết kế thanh điều hướng, làm thế nào để đảm bảo các liên kết có đủ khoảng trống xung quanh chúng để người dùng dễ dàng nhấp vào, đặc biệt trên thiết bị di động?

A. Giảm kích thước font chữ của liên kết.

B. Tăng thuộc tính padding cho các phần tử liên kết (thẻ a) hoặc các mục danh sách (thẻ li).

C. Sử dụng float: right; cho tất cả các liên kết.

D. Sử dụng thẻ br sau mỗi liên kết.

4. Khi thiết kế thanh điều hướng (navigation bar), việc sử dụng danh sách không có thứ tự (unordered list) với các mục liên kết thường được thực hiện bằng cách nào trong HTML?

A. Sử dụng thẻ table với các hàng và cột.

B. Sử dụng thẻ div lồng nhau.

C. Sử dụng thẻ ul với các mục li bên trong, mỗi li chứa thẻ a.

D. Sử dụng thẻ span để nhóm các liên kết.

5. Nếu muốn một liên kết trong thanh điều hướng luôn hiển thị ở cuối trang, ngay cả khi nội dung trang dài, chúng ta nên sử dụng thuộc tính CSS nào?

A. position: relative;

B. position: absolute;

C. position: fixed;

D. position: static;

6. Để tạo hiệu ứng khi di chuột qua một liên kết trong thanh điều hướng (ví dụ: thay đổi màu nền hoặc màu chữ), chúng ta thường sử dụng pseudo-class nào của CSS?

A. :active

B. :focus

C. :hover

D. :visited

7. Trong thiết kế thanh điều hướng, làm thế nào để các liên kết trong danh sách (ví dụ: các mục li) có khoảng cách đều nhau và căn giữa theo chiều ngang?

A. Sử dụng thuộc tính margin-left: auto; và margin-right: auto; cho các mục li.

B. Sử dụng thuộc tính padding cho thẻ a bên trong li.

C. Sử dụng thuộc tính text-align: center; cho thẻ ul.

D. Kết hợp các phương pháp trên tùy thuộc vào bố cục mong muốn.

8. Trong HTML, thẻ nào được sử dụng để tạo một khu vực có thể cuộn theo chiều ngang hoặc dọc, thường dùng cho các nội dung dài hoặc bảng lớn?

A. Thẻ div

B. Thẻ span

C. Thẻ pre

D. Thẻ code

9. Trong CSS, thuộc tính display: flex; khi áp dụng cho phần tử cha của thanh điều hướng sẽ có tác dụng gì?

A. Làm cho các mục con hiển thị theo chiều dọc và căn giữa.

B. Cho phép các mục con được sắp xếp linh hoạt theo chiều ngang hoặc dọc, dễ dàng căn chỉnh và phân phối khoảng trống.

C. Ẩn tất cả các mục con.

D. Tạo đường viền xung quanh các mục con.

10. Trong CSS, thuộc tính nào được sử dụng để loại bỏ các dấu gạch chân mặc định của các liên kết (thẻ a)?

A. text-decoration: none;

B. list-style: none;

C. border: none;

D. outline: none;

11. Thẻ HTML nào được sử dụng để hiển thị hình ảnh trên trang web?

A. Thẻ link

B. Thẻ img

C. Thẻ script

D. Thẻ meta

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

A. src

B. href

C. alt

D. class

13. Thuộc tính nào của thẻ img cung cấp văn bản thay thế cho hình ảnh, hữu ích cho người dùng khi hình ảnh không tải được hoặc khi sử dụng trình đọc màn hình?

A. href

B. title

C. alt

D. style

14. Khi thiết kế thanh điều hướng, mục đích chính của việc sử dụng các thuộc tính CSS như padding cho các liên kết là gì?

A. Để thay đổi màu nền của liên kết.

B. Để tăng kích thước vùng bấm của liên kết và cải thiện khoảng cách nội dung.

C. Để gạch chân liên kết một cách rõ ràng hơn.

D. Để làm cho văn bản liên kết đậm hơn.

15. Khi hiệu chỉnh trang web, làm thế nào để đảm bảo rằng thanh điều hướng hiển thị nhất quán trên các trình duyệt khác nhau?

A. Chỉ sử dụng các thẻ HTML cơ bản mà không dùng CSS.

B. Kiểm tra và thử nghiệm trên nhiều trình duyệt phổ biến (Chrome, Firefox, Safari, Edge) và sử dụng các kỹ thuật CSS chuẩn hóa.

C. Ưu tiên sử dụng các thuộc tính CSS độc quyền của một trình duyệt cụ thể.

D. Chỉ thiết kế cho một trình duyệt duy nhất mà người dùng thường sử dụng.

16. Trong HTML, thẻ nào thường được sử dụng để tạo các tùy chọn trong một danh sách thả xuống (dropdown list)?

A. Thẻ select

B. Thẻ option

C. Thẻ input

D. Thẻ label

17. Thẻ nào trong HTML được sử dụng để định nghĩa một ô dữ liệu tiêu chuẩn trong bảng?

A. Thẻ tr

B. Thẻ th

C. Thẻ td

D. Thẻ caption

18. Để tạo một bảng trong HTML, thẻ nào là thẻ gốc để định nghĩa bảng?

A. Thẻ tr

B. Thẻ td

C. Thẻ table

D. Thẻ th

19. Trong quá trình hiệu chỉnh trang web, nếu muốn một phần tử hiển thị phía trên tất cả các phần tử khác, chúng ta nên sử dụng thuộc tính CSS nào?

A. position: static;

B. z-index

C. display: none;

D. opacity

20. Để tạo một liên kết đến một trang web khác trong HTML, chúng ta sử dụng loại thẻ nào?

A. Thẻ img

B. Thẻ br

C. Thẻ a

D. Thẻ strong

21. Trong quá trình tạo và hiệu chỉnh trang web, thẻ HTML nào được sử dụng để định nghĩa một phần tử trong tài liệu, thường là một tiêu đề hoặc một đoạn văn bản?

A. Thẻ div

B. Thẻ span

C. Thẻ p hoặc thẻ tiêu đề (h1-h6)

D. Thẻ a

22. Thuộc tính src của thẻ img dùng để làm gì?

A. Chỉ định văn bản thay thế cho hình ảnh.

B. Chỉ định đường dẫn (URL) đến tệp hình ảnh.

C. Chỉ định kích thước chiều rộng của hình ảnh.

D. Chỉ định kiểu hiển thị của hình ảnh.

23. Để thanh điều hướng hiển thị theo chiều ngang thay vì chiều dọc mặc định, chúng ta có thể áp dụng thuộc tính CSS nào cho các mục danh sách (ví dụ: li trong ul)?

A. display: block;

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

C. float: left;

D. position: absolute;

24. Trong HTML, thẻ nào được sử dụng để định nghĩa một hàng trong bảng?

A. Thẻ table

B. Thẻ td

C. Thẻ th

D. Thẻ tr

25. Để tạo một danh sách có thứ tự (ordered list) trong HTML, chúng ta sử dụng thẻ nào?

A. Thẻ ul

B. Thẻ ol

C. Thẻ dl

D. Thẻ li