1. Thuộc tính alt của thẻ img trong HTML có vai trò gì, đặc biệt khi nó được dùng trong một liên kết?
A. Nó định nghĩa kích thước của hình ảnh.
B. Nó cung cấp văn bản thay thế cho hình ảnh nếu hình ảnh không tải được hoặc cho người dùng sử dụng trình đọc màn hình.
C. Nó chỉ định URL đích của liên kết.
D. Nó tạo hiệu ứng hover cho hình ảnh.
2. Một liên kết có thuộc tính aria-label được sử dụng với mục đích gì, đặc biệt đối với người dùng trình đọc màn hình?
A. Để thay đổi màu sắc của liên kết.
B. Để cung cấp một nhãn mô tả rõ ràng hơn cho liên kết, giúp người dùng trình đọc màn hình hiểu được chức năng hoặc đích đến của liên kết.
C. Để đảm bảo liên kết mở trong một cửa sổ mới.
D. Để định nghĩa văn bản hiển thị khi rê chuột qua.
3. Liên kết được hiển thị với màu sắc khác khi người dùng rê chuột qua (hover state) là nhờ vào kỹ thuật nào trong CSS?
A. Sử dụng thuộc tính focus
B. Sử dụng thuộc tính active
C. Sử dụng pseudo-class hover
D. Sử dụng thuộc tính visited
4. Trong HTML, để tạo một liên kết đến một địa chỉ email, bạn sẽ sử dụng định dạng nào trong thuộc tính href?
5. Để đảm bảo liên kết mở ra trong một tab hoặc cửa sổ mới, bạn sẽ thêm thuộc tính nào vào thẻ a?
A. target=_self
B. target=_blank
C. target=_parent
D. target=_top
6. Để liên kết của bạn được công cụ tìm kiếm xếp hạng tốt hơn và người dùng dễ dàng hiểu nội dung, văn bản neo (anchor text) của liên kết nên:
A. Rất chung chung, ví dụ Nhấp vào đây.
B. Mô tả rõ ràng và súc tích về nội dung hoặc trang đích mà liên kết dẫn đến.
C. Chỉ chứa URL của trang đích.
D. Sử dụng nhiều từ khóa không liên quan để thu hút sự chú ý.
7. Thành phần nào của một URL (Uniform Resource Locator) xác định giao thức truyền thông được sử dụng để truy cập tài nguyên?
A. Tên miền (Domain Name)
B. Đường dẫn (Path)
C. Giao thức (Protocol) như http hoặc https
D. Tham số truy vấn (Query String)
8. Khi sử dụng CSS để tạo kiểu cho thanh điều hướng, lớp (class) hoặc ID nào thường được áp dụng cho phần tử chứa các mục điều hướng để dễ dàng định dạng?
A. class=content-area
B. id=footer
C. class=navbar hoặc id=main-nav
D. id=sidebar
9. Trong HTML, thẻ nào được sử dụng để tạo danh sách các mục điều hướng, thường được lồng bên trong một thẻ nav?
A. Thẻ div
B. Thẻ span
C. Thẻ ul (unordered list) hoặc ol (ordered list)
D. Thẻ p
10. Tại sao việc sử dụng thuộc tính rel=nofollow trên một liên kết lại quan trọng đối với các công cụ tìm kiếm?
A. Nó đảm bảo liên kết sẽ luôn mở trong một tab mới.
B. Nó chỉ ra rằng công cụ tìm kiếm không nên theo dõi liên kết này hoặc chuyển link equity (sức mạnh liên kết) cho trang đích.
C. Nó làm cho liên kết có màu sắc khác biệt.
D. Nó giúp tăng tốc độ tải trang.
11. 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ị thông tin liên hệ của website.
B. Cung cấp các liên kết đến các phần chính hoặc các trang quan trọng khác của website, giúp người dùng dễ dàng di chuyển và khám phá nội dung.
C. Tạo hiệu ứng động và thu hút sự chú ý của người dùng.
D. Lưu trữ các tệp tin đa phương tiện của website.
12. Trong HTML, thuộc tính nào được sử dụng để định nghĩa một liên kết nội bộ (internal link) đến một phần khác trên cùng một trang web, cho phép người dùng nhảy đến một vị trí cụ thể?
A. Thuộc tính href với giá trị là một ID
B. Thuộc tính link với giá trị là một ID
C. Thuộc tính target với giá trị là một ID
D. Thuộc tính id với giá trị là một ID
13. Khi bạn thấy một liên kết có biểu tượng mũi tên đi lên hoặc vòng tròn có dấu cộng bên cạnh, nó thường chỉ ra điều gì?
A. Liên kết dẫn đến một trang web đã bị lỗi.
B. Liên kết dẫn đến một tệp tin đa phương tiện cần phần mềm đặc biệt để mở.
C. Liên kết dẫn đến một trang web bên ngoài hoặc yêu cầu một hành động khác với việc chỉ xem nội dung (ví dụ: tải xuống, mở ứng dụng).
D. Liên kết này là một liên kết nội bộ trên cùng một trang.
14. Khi thiết kế thanh điều hướng, việc đảm bảo nó có thể hiển thị và hoạt động tốt trên nhiều kích thước màn hình khác nhau được gọi là gì?
A. Thiết kế cố định (Fixed Design)
B. Thiết kế đáp ứng (Responsive Design)
C. Thiết kế tương tác (Interactive Design)
D. Thiết kế phân cấp (Hierarchical Design)
15. Khi bạn muốn một liên kết không được theo dõi bởi công cụ tìm kiếm và không truyền link juice (sức mạnh liên kết), bạn sẽ thêm thuộc tính rel nào vào thẻ a?
A. rel=external
B. rel=sponsored
C. rel=nofollow
D. rel=noopener
16. CSS Grid Layout hoặc Flexbox có thể được áp dụng để tạo cấu trúc và bố cục cho thanh điều hướng như thế nào?
A. Chỉ có thể sử dụng để căn chỉnh văn bản bên trong các mục liên kết.
B. Cho phép sắp xếp các mục điều hướng theo hàng ngang, cột dọc, căn chỉnh khoảng cách và căn chỉnh các mục một cách linh hoạt trên toàn bộ thanh điều hướng.
C. Chỉ dùng để thay đổi màu sắc và kiểu chữ của thanh điều hướng.
D. Chỉ có thể tạo ra các menu thả xuống phức tạp.
17. Trong ngữ cảnh của thanh điều hướng, thuật ngữ dropdown menu (menu thả xuống) đề cập đến loại menu nào?
A. Menu chỉ hiển thị một danh sách các tùy chọn cố định.
B. Menu hiển thị danh sách các tùy chọn bổ sung khi người dùng tương tác (ví dụ: rê chuột qua hoặc nhấp vào) một mục trong menu chính.
C. Menu có các nút bấm lớn và dễ nhìn.
D. Menu hiển thị theo chiều dọc và không có khả năng mở rộng.
18. Thanh điều hướng footer navigation thường chứa các loại liên kết nào?
A. Các liên kết chính dẫn đến các mục quan trọng nhất của trang web.
B. Các liên kết phụ trợ như Về chúng tôi, Liên hệ, Chính sách bảo mật, Điều khoản sử dụng.
C. Các liên kết đến các bài viết mới nhất trên blog.
D. Các liên kết đến mạng xã hội cá nhân của người phát triển.
19. Khi tạo một liên kết đến một trang web bên ngoài (external link) trong HTML, bạn sẽ sử dụng thẻ nào và thuộc tính nào?
A. Thẻ img với thuộc tính src
B. Thẻ link với thuộc tính href
C. Thẻ a với thuộc tính href
D. Thẻ script với thuộc tính src
20. Trong ngữ cảnh thiết kế web, breadcrumb navigation (thanh điều hướng dạng bánh mì) giúp người dùng nhận biết điều gì?
A. Tốc độ tải trang hiện tại.
B. Vị trí của trang hiện tại trong cấu trúc phân cấp của toàn bộ trang web.
C. Các liên kết phổ biến nhất trên trang.
D. Thông tin về tác giả của nội dung.
21. Trong thiết kế web, hamburger menu (biểu tượng menu hình chiếc bánh mì kẹp thịt) thường được sử dụng trên các thiết bị nào và có chức năng gì?
A. Máy tính để bàn, để hiển thị tất cả các tùy chọn điều hướng cùng lúc.
B. Thiết bị di động (điện thoại, máy tính bảng), để tiết kiệm không gian màn hình và chỉ hiển thị các mục điều hướng khi người dùng nhấp vào biểu tượng.
C. Máy in, để in ra danh sách các liên kết.
D. Máy chủ, để quản lý các liên kết đến cơ sở dữ liệu.
22. Trong CSS, thuộc tính nào được sử dụng để loại bỏ hoặc thay đổi kiểu gạch chân mặc định của các liên kết?
A. text-decoration-color
B. text-decoration-style
C. text-decoration
D. text-decoration-line
23. Một liên kết có trạng thái visited (đã truy cập) thường được trình duyệt web hiển thị bằng cách nào để người dùng nhận biết?
A. Thay đổi màu sắc của liên kết sang một màu khác so với trạng thái mặc định.
B. Làm cho liên kết đậm hơn.
C. Tạo một biểu tượng nhỏ bên cạnh liên kết.
D. Tăng kích thước phông chữ của liên kết.
24. Khi một trang web sử dụng thanh điều hướng dạng sticky (cố định), điều này có nghĩa là gì?
A. Thanh điều hướng chỉ xuất hiện khi người dùng cuộn lên.
B. Thanh điều hướng luôn ở trên cùng của màn hình, ngay cả khi người dùng cuộn trang xuống.
C. Thanh điều hướng chỉ hiển thị khi người dùng nhấp vào một nút đặc biệt.
D. Thanh điều hướng chỉ chứa các liên kết đến các trang đã truy cập.
25. Trong HTML, để tạo một liên kết đến một tệp tin có thể tải về (ví dụ: PDF, DOCX), bạn sẽ cấu hình thuộc tính href của thẻ a như thế nào?
A. Chỉ cần ghi tên tệp tin, ví dụ: document.pdf.
B. Ghi đường dẫn tương đối hoặc tuyệt đối đến tệp tin, ví dụ: files/document.pdf hoặc /path/to/document.pdf.
C. Luôn luôn sử dụng giao thức ftp:// trước tên tệp tin.
D. Sử dụng thuộc tính download và đặt giá trị là tên tệp tin.
