15+ Đề Trắc nghiệm Tin học 12 – Bài 26: Liên kết và thanh điều hướng (Kết Nối Tri Thức)

Câu 1: Một website tin tức có lượng bài viết rất lớn. Để người dùng dễ dàng tìm kiếm và duyệt qua các chủ đề, người thiết kế web nên ưu tiên tổ chức cấu trúc website theo dạng nào?

• A. Đường thẳng (Linear)
• B. Hình lưới (Mesh)
• C. Hình cây (Tree / Hierarchical)
• D. Ngẫu nhiên (Random)

Câu 2: Trong cấu trúc website hình cây, mối quan hệ giữa trang chủ (Homepage) và các trang danh mục cấp 1 (ví dụ: Tin tức, Sản phẩm, Dịch vụ) được thể hiện rõ nhất qua yếu tố nào?

• A. Nội dung chính của trang chủ
• B. Thanh điều hướng chính (Main Navigation Bar)
• C. Phần chân trang (Footer)
• D. Các liên kết nội bộ trong bài viết

Câu 3: Một bài viết trên blog quá dài, khiến trang tải chậm và khó đọc trên màn hình nhỏ. Giải pháp kỹ thuật nào sử dụng liên kết và cấu trúc trang web có thể khắc phục hiệu quả vấn đề này mà vẫn giữ nguyên nội dung?

• A. Nén dung lượng ảnh trong bài viết.
• B. Sử dụng phông chữ nhỏ hơn.
• C. Chỉ đăng tóm tắt bài viết.
• D. Chia bài viết thành nhiều trang độc lập và liên kết chúng với nhau.

Câu 4: Liên kết được sử dụng để chuyển hướng người dùng đến một vị trí cụ thể trên cùng một trang web hiện tại được gọi là gì?

• A. Liên kết neo (Anchor link)
• B. Liên kết ngoài (External link)
• C. Liên kết nội bộ (Internal link)
• D. Liên kết hình ảnh (Image link)

Câu 5: Khi thiết kế thanh điều hướng cho một website thương mại điện tử, việc đặt các mục như "Trang chủ", "Sản phẩm", "Giỏ hàng", "Thanh toán" ở vị trí dễ thấy (ví dụ: đầu trang) phản ánh nguyên tắc thiết kế nào quan trọng nhất?

• A. Tính thẩm mỹ (Aesthetics)
• B. Tính bảo mật (Security)
• C. Tính khả dụng (Usability)
• D. Tối ưu hóa công cụ tìm kiếm (SEO)

Câu 6: Một website có cấu trúc hình cây sâu (nhiều cấp độ trang con lồng nhau). Để giúp người dùng không bị "lạc" và biết mình đang ở đâu trong cấu trúc đó, người thiết kế nên thêm yếu tố điều hướng nào?

• A. Thêm nhiều quảng cáo hơn
• B. Sử dụng Breadcrumbs (dấu đường)
• C. Làm cho trang chủ lớn hơn
• D. Sử dụng màu sắc khác nhau cho mỗi trang

Câu 7: Đâu là điểm khác biệt cốt lõi giữa liên kết nội bộ (Internal Link) và liên kết ngoài (External Link)?

• A. Liên kết nội bộ luôn mở ra cửa sổ mới, liên kết ngoài thì không.
• B. Liên kết nội bộ chỉ dùng cho văn bản, liên kết ngoài dùng cho hình ảnh.
• C. Liên kết nội bộ cần kết nối internet, liên kết ngoài thì không.
• D. Liên kết nội bộ dẫn đến trang trong cùng website, liên kết ngoài dẫn đến trang ở website khác.

Câu 8: Một liên kết có văn bản hiển thị là "Tải về tài liệu PDF". Khi người dùng nhấp vào, trình duyệt sẽ thực hiện hành động nào phổ biến nhất?

• A. Tải tệp tin PDF về máy tính.
• B. Hiển thị nội dung tệp tin PDF ngay trong trang web hiện tại.
• C. Chuyển hướng đến trang chủ.
• D. Mở một ứng dụng đọc PDF bên ngoài trình duyệt.

Câu 9: Thanh điều hướng "Sticky" (dính) là loại thanh điều hướng nào?

• A. Thanh điều hướng chỉ xuất hiện ở chân trang.
• B. Thanh điều hướng luôn hiển thị cố định trên màn hình khi cuộn trang.
• C. Thanh điều hướng chỉ hiển thị khi di chuột qua.
• D. Thanh điều hướng chỉ dành cho các trang con.

Câu 10: Tại sao việc sử dụng văn bản liên kết (anchor text) rõ ràng và mô tả (ví dụ: "Xem chi tiết sản phẩm X" thay vì "Tại đây") lại quan trọng đối với trải nghiệm người dùng và SEO?

• A. Giúp trang web tải nhanh hơn.
• B. Làm cho liên kết có màu sắc bắt mắt hơn.
• C. Giúp người dùng và công cụ tìm kiếm hiểu rõ nội dung trang đích.
• D. Giảm số lượng liên kết trên trang.

Câu 11: Khi thiết kế thanh điều hướng cho website dành cho thiết bị di động (smartphone), thách thức lớn nhất thường là gì so với website trên máy tính?

• A. Tốc độ tải trang chậm hơn.
• B. Khó tạo liên kết ngoài.
• C. Không thể sử dụng liên kết hình ảnh.
• D. Không gian hiển thị trên màn hình rất hạn chế.

Câu 12: Một liên kết bị hỏng (broken link) là liên kết dẫn đến một trang không tồn tại hoặc không truy cập được. Sự tồn tại nhiều liên kết hỏng trên website ảnh hưởng tiêu cực nhất đến điều gì?

• A. Trải nghiệm người dùng (User Experience).
• B. Màu sắc của trang web.
• C. Dung lượng lưu trữ của website.
• D. Số lượng trang con.

Câu 13: Trong ngữ cảnh của thanh điều hướng, thuật ngữ "Dropdown Menu" (Menu thả xuống) mô tả điều gì?

• A. Một liên kết chỉ dẫn đến trang chủ.
• B. Một liên kết chỉ chứa hình ảnh.
• C. Một thanh điều hướng cố định ở cuối trang.
• D. Một menu hiển thị các mục con khi di chuột hoặc nhấp vào mục chính.

Câu 14: Giả sử bạn đang thiết kế website cho một thư viện trực tuyến. Cấu trúc hình cây nào sau đây mô tả cách tổ chức sách theo danh mục là hợp lý nhất?

• A. Trang chủ -> Danh mục (Khoa học, Văn học...) -> Tiểu mục (Vật lý, Tiểu thuyết...) -> Chi tiết Cuốn sách.
• B. Trang chủ -> Tất cả Cuốn sách -> Chi tiết Cuốn sách.
• C. Trang chủ -> Tác giả -> Chi tiết Cuốn sách.
• D. Trang chủ -> Ngày xuất bản -> Chi tiết Cuốn sách.

Câu 15: Lợi ích chính của việc sử dụng các liên kết nội bộ một cách hợp lý trong website là gì?

• A. Giúp trang web tải nhanh hơn.
• B. Cải thiện trải nghiệm điều hướng của người dùng và hỗ trợ SEO.
• C. Tăng số lượng quảng cáo hiển thị.
• D. Bảo vệ nội dung website khỏi bị sao chép.

Câu 16: Khi tạo một liên kết văn bản, màu sắc mặc định của liên kết chưa được truy cập (unvisited link) và liên kết đã được truy cập (visited link) thường khác nhau. Mục đích của sự khác biệt này là gì?

• A. Để trang web trông đẹp mắt hơn.
• B. Để làm nổi bật các liên kết quan trọng.
• C. Để giúp người dùng biết họ đã truy cập liên kết đó hay chưa.
• D. Để phân biệt liên kết nội bộ và liên kết ngoài.

Câu 17: Thanh điều hướng phụ (Secondary Navigation) là gì và thường được sử dụng ở đâu?

• A. Chứa các liên kết ít quan trọng hơn thanh điều hướng chính, thường ở sidebar hoặc chân trang.
• B. Là thanh điều hướng chỉ dành cho trang chủ.
• C. Là thanh điều hướng chỉ chứa liên kết ngoài.
• D. Là thanh điều hướng chỉ hiển thị trên thiết bị di động.

Câu 18: Một website giáo dục cần có một mục lục lớn cho một khóa học trực tuyến. Thay vì đặt tất cả các bài học lên một trang duy nhất, việc tạo các trang riêng cho từng bài học và liên kết chúng từ mục lục chính thể hiện nguyên tắc tổ chức thông tin nào?

• A. Sử dụng cấu trúc tuyến tính.
• B. Tập trung tất cả thông tin vào một trang.
• C. Bỏ qua việc sử dụng liên kết.
• D. Áp dụng cấu trúc phân cấp và liên kết để chia nhỏ nội dung.

Câu 19: Đâu là ví dụ về việc sử dụng liên kết dựa trên hình ảnh (Image Link)?

• A. Nhấp vào dòng chữ "Trang chủ".
• B. Nhấp vào logo của website để quay về trang chủ.
• C. Nhấp vào đường link trong email.
• D. Nhập địa chỉ website vào thanh địa chỉ trình duyệt.

Câu 20: Thanh điều hướng ngang (Horizontal Navigation Bar) thường được đặt ở đâu trên trang web và phù hợp với loại website nào?

• A. Đỉnh trang, phù hợp với website có ít mục chính.
• B. Thanh bên (sidebar), phù hợp với website có nhiều mục chính.
• C. Chân trang, phù hợp với website tin tức.
• D. Giữa trang, phù hợp với website thương mại điện tử.

Câu 21: Khi một liên kết được thiết kế để mở ra ở một cửa sổ hoặc tab trình duyệt mới, thuộc tính HTML phổ biến nào được sử dụng để đạt được điều này?

• A. href
• B. src
• C. target=
• D. alt

Câu 22: Việc giữ cho thanh điều hướng chính (main navigation) nhất quán trên tất cả các trang của website có ý nghĩa quan trọng nhất đối với điều gì?

• A. Tăng tốc độ tải trang.
• B. Giảm dung lượng lưu trữ của website.
• C. Ngăn chặn nội dung bị sao chép.
• D. Cải thiện khả năng điều hướng và trải nghiệm người dùng.

Câu 23: Đâu là một ví dụ về cách sử dụng liên kết neo (anchor link) hiệu quả?

• A. Trong trang FAQ dài, tạo mục lục nhấp vào để nhảy đến từng câu trả lời cụ thể.
• B. Liên kết từ trang chủ đến trang Giới thiệu.
• C. Liên kết từ website của bạn đến website khác.
• D. Liên kết từ một hình ảnh đến trang chi tiết sản phẩm.

Câu 24: Khi thiết kế thanh điều hướng cho một website có rất nhiều mục (ví dụ: một cổng thông tin lớn), việc sử dụng thanh điều hướng thả xuống (dropdown) hoặc mega menu (siêu menu) có ưu điểm chính là gì?

• A. Làm cho website bảo mật hơn.
• B. Tiết kiệm không gian trên màn hình và tổ chức nhiều liên kết con.
• C. Tăng tốc độ tải trang.
• D. Chỉ hiển thị trên thiết bị di động.

Câu 25: Một website có cấu trúc hình cây. Trang nào sau đây có thể được coi là "nút gốc" (root node) của cây?

• A. Trang chủ (Homepage)
• B. Trang liên hệ (Contact Page)
• C. Trang 404 (Page Not Found)
• D. Một trang bất kỳ trong website

Câu 26: Đâu là một cách phổ biến để phân biệt trực quan giữa liên kết văn bản và văn bản thông thường trên trang web?

• A. Liên kết văn bản luôn có kích thước lớn hơn.
• B. Liên kết văn bản luôn in đậm.
• C. Liên kết văn bản thường được gạch chân và có màu khác.
• D. Liên kết văn bản có phông chữ khác biệt hoàn toàn.

Câu 27: Tại sao việc sử dụng thanh điều hướng nhất quán và dễ tìm thấy lại quan trọng đối với khả năng tiếp cận (Accessibility) của website?

• A. Giúp người dùng khuyết tật hoặc sử dụng công cụ hỗ trợ dễ dàng điều hướng.
• B. Chỉ quan trọng đối với người dùng không quen dùng máy tính.
• C. Không liên quan đến khả năng tiếp cận.
• D. Chỉ cải thiện khả năng tiếp cận trên thiết bị di động.

Câu 28: Khi thiết kế thanh điều hướng, việc giới hạn số lượng mục hiển thị trực tiếp trên thanh chính là một thực hành tốt. Tại sao?

• A. Để tăng tốc độ tải trang.
• B. Để tránh gây quá tải thông tin và giúp người dùng dễ tập trung.
• C. Để website trông hiện đại hơn.
• D. Để bắt buộc người dùng sử dụng chức năng tìm kiếm.

Câu 29: Đâu là một nhược điểm tiềm tàng của cấu trúc website hình cây quá sâu (nhiều cấp độ lồng nhau)?

• A. Làm cho website tải nhanh hơn.
• B. Giúp công cụ tìm kiếm lập chỉ mục dễ dàng hơn.
• C. Giảm số lượng liên kết cần tạo.
• D. Có thể khiến người dùng phải nhấp chuột nhiều lần để đến trang đích (tăng click depth).

Câu 30: Trong một website có cấu trúc hình cây, một trang con có thể có liên kết đến những trang nào?

• A. Trang chủ, các trang ngang cấp, các trang con của nó, và các trang khác trong hoặc ngoài website.
• B. Chỉ liên kết đến trang chủ.
• C. Chỉ liên kết đến các trang con của nó.
• D. Chỉ liên kết đến các trang ở cấp cao hơn (gần trang chủ hơn).

Câu 1: Trong cấu trúc một website, trang chủ (homepage) đóng vai trò gì?

• A. Chứa toàn bộ nội dung của website trong một trang duy nhất.
• B. Là trang cuối cùng mà người dùng truy cập trước khi rời website.
• C. Là điểm xuất phát chính và thường chứa các liên kết để điều hướng đến các trang con.
• D. Chỉ dùng để hiển thị thông tin liên hệ của chủ website.

Câu 2: Giả sử bạn đang thiết kế một website giới thiệu về các loại trái cây. Bạn có một trang chủ (TrangChu.html) và các trang con cho từng loại trái cây (Tao.html, Chuoi.html, Xoai.html). Để người dùng từ TrangChu.html có thể truy cập đến trang Chuoi.html, bạn cần sử dụng loại phần tử nào trên TrangChu.html?

• A. Một hình ảnh không có chức năng tương tác.
• B. Một đoạn văn bản mô tả ngắn gọn.
• C. Một bảng biểu liệt kê các loại trái cây.
• D. Một siêu liên kết (hyperlink) trỏ đến Chuoi.html.

Câu 3: Thanh điều hướng (navigation bar) trên một trang web thường được đặt ở vị trí cố định (ví dụ: ở đầu trang) và xuất hiện trên hầu hết các trang con. Mục đích chính của việc này là gì?

• A. Để hiển thị nhiều quảng cáo hơn.
• B. Giúp người dùng dễ dàng di chuyển giữa các phần hoặc các trang chính của website từ bất kỳ đâu.
• C. Làm cho trang web trông đẹp mắt hơn về mặt thẩm mỹ.
• D. Chỉ dùng để hiển thị tiêu đề của website.

Câu 4: Bạn đang đọc một bài viết dài trên một trang web. Cuối phần giới thiệu ngắn gọn, bạn thấy cụm từ

• A. Liên kết giúp truy cập nội dung chi tiết hoặc đầy đủ của một mục nào đó.
• B. Liên kết dẫn đến một website hoàn toàn khác.
• C. Liên kết tải về một tệp tin.
• D. Liên kết chỉ để trang trí, không có chức năng chuyển trang.

Câu 5: Một website được tổ chức theo cấu trúc hình cây. Điều này có nghĩa là:

• A. Mọi trang đều liên kết trực tiếp với mọi trang khác.
• B. Các trang chỉ được truy cập theo một trình tự tuyến tính (trang 1 -> trang 2 -> trang 3...).
• C. Có một trang gốc (thường là trang chủ) và các trang con phân nhánh từ đó, có thể có nhiều cấp độ.
• D. Cấu trúc này chỉ phù hợp với các website có ít hơn 10 trang.

Câu 6: Tại sao việc chia nhỏ nội dung dài thành nhiều trang độc lập và sử dụng liên kết lại được xem là một cách tổ chức nội dung hiệu quả trên website?

• A. Giúp tăng tốc độ tải trang vì mỗi trang chứa ít nội dung hơn và tránh làm quá tải người đọc bằng một khối lượng thông tin lớn trên một trang duy nhất.
• B. Giúp giảm chi phí lưu trữ dữ liệu cho website.
• C. Làm cho website khó bị sao chép nội dung.
• D. Cả A và B đều đúng.

Câu 7: Khi thiết kế thanh điều hướng cho một website tin tức, bạn nên ưu tiên đưa những liên kết nào vào thanh này?

• A. Liên kết đến các trang cũ đã ngừng hoạt động.
• B. Liên kết đến từng bài viết tin tức riêng lẻ.
• C. Liên kết đến các chuyên mục chính (ví dụ: Thời sự, Kinh tế, Thể thao, Giải trí) và trang chủ.
• D. Liên kết đến các website của đối thủ cạnh tranh.

Câu 8: Một liên kết neo (anchor link) là loại liên kết cho phép người dùng di chuyển đến một vị trí cụ thể (ví dụ: một đề mục, một đoạn văn) ngay trên cùng một trang web. Chức năng này đặc biệt hữu ích trong trường hợp nào?

• A. Khi muốn mở một trang web hoàn toàn mới trong cửa sổ khác.
• B. Khi trang web có nội dung rất dài và cần giúp người dùng nhanh chóng chuyển đến các phần khác nhau mà không cần cuộn chuột nhiều.
• C. Khi muốn tải về một tệp hình ảnh.
• D. Khi muốn gửi email cho chủ website.

Câu 9: Giả sử website của trường bạn có cấu trúc hình cây như sau: Trang chủ -> Giới thiệu (Trang con cấp 1) -> Lịch sử hình thành (Trang con cấp 2). Để từ trang "Lịch sử hình thành" quay lại "Trang chủ", người dùng có thể làm gì?

• A. Nhấp vào liên kết "Trang chủ" trên thanh điều hướng hoặc logo của trường (nếu có liên kết đến trang chủ).
• B. Chỉ có thể đóng trình duyệt và mở lại website.
• C. Nhấp vào liên kết "Giới thiệu" để quay lại trang con cấp 1 trước.
• D. Gõ lại địa chỉ website trên thanh địa chỉ.

Câu 10: Phân tích tình huống: Một website thương mại điện tử không có thanh điều hướng rõ ràng ở đầu trang. Thay vào đó, người dùng chỉ có thể tìm kiếm sản phẩm hoặc nhấp vào các liên kết trong phần chân trang (footer). Điều này ảnh hưởng như thế nào đến trải nghiệm người dùng?

• A. Làm cho người dùng dễ dàng tìm thấy sản phẩm hơn.
• B. Giúp trang web tải nhanh hơn đáng kể.
• C. Tăng tính bảo mật cho website.
• D. Gây khó khăn cho người dùng trong việc khám phá các danh mục sản phẩm khác nhau và điều hướng tổng thể trên website.

Câu 11: Một liên kết ngoài (external link) là liên kết dẫn người dùng đến:

• A. Một vị trí khác trên cùng một trang web.
• B. Một website khác hoàn toàn.
• C. Một trang khác trong cùng một website.
• D. Một tệp tin được lưu trữ trên máy tính của người dùng.

Câu 12: Khi tạo một liên kết trong HTML, thuộc tính `href` được sử dụng để làm gì?

• A. Chỉ định địa chỉ (URL) hoặc vị trí mà liên kết sẽ dẫn tới.
• B. Đặt màu sắc cho văn bản của liên kết.
• C. Xác định kích thước của liên kết.
• D. Quy định liên kết có mở trong cửa sổ mới hay không.

Câu 13: Giả sử bạn muốn tạo một liên kết trên trang web của mình để khi người dùng nhấp vào đó, một email mới sẽ được mở với địa chỉ email của bạn đã điền sẵn. Bạn sẽ sử dụng loại URL nào trong thuộc tính `href` của liên kết?

• A. Một URL bắt đầu bằng `http://` hoặc `https://`.
• B. Một URL trỏ đến một tệp tin (`file:///`).
• C. Một URL bắt đầu bằng `mailto:`.
• D. Một URL bắt đầu bằng `tel:`.

Câu 14: Bạn đang xem một website và thấy thanh điều hướng có các mục chính như "Sản phẩm", "Dịch vụ", "Giới thiệu", "Liên hệ". Khi bạn di chuột qua mục "Sản phẩm", một danh sách các loại sản phẩm (ví dụ: "Điện thoại", "Máy tính", "Phụ kiện") hiện ra. Đây là ví dụ về thành phần nào của thanh điều hướng?

• A. Một liên kết neo.
• B. Một liên kết ngoài.
• C. Một thanh cuộn (scrollbar).
• D. Một menu thả xuống (dropdown menu).

Câu 15: Phân tích cấu trúc website sau: Trang chủ -> Tin tức -> Tin trong nước; Trang chủ -> Tin tức -> Tin quốc tế; Trang chủ -> Thể thao -> Bóng đá; Trang chủ -> Thể thao -> Bơi lội. Trang "Tin tức" đóng vai trò gì trong cấu trúc này?

• A. Là trang con cấp 1 của Trang chủ và là trang cha của các trang "Tin trong nước", "Tin quốc tế".
• B. Là trang chủ của toàn bộ website.
• C. Là trang con cấp 2 của Trang chủ.
• D. Là một liên kết ngoài.

Câu 16: Việc sử dụng các biểu tượng (icons) thay vì chỉ văn bản trên thanh điều hướng có thể mang lại lợi ích gì cho người dùng?

• A. Làm cho thanh điều hướng dài hơn.
• B. Luôn luôn làm giảm tốc độ tải trang.
• C. Giúp người dùng nhận diện nhanh chóng chức năng của liên kết, đặc biệt hữu ích với các biểu tượng phổ biến (ví dụ: biểu tượng ngôi nhà cho trang chủ, biểu tượng phong bì cho liên hệ).
• D. Chỉ có tác dụng trang trí, không ảnh hưởng đến chức năng.

Câu 17: Giả sử bạn đang xây dựng một website giới thiệu về một dự án nghiên cứu. Bạn có các phần: Tổng quan, Phương pháp, Kết quả, Thảo luận. Để giúp người đọc dễ dàng chuyển từ phần "Tổng quan" đến phần "Kết quả" ngay trên cùng một trang dài, bạn nên sử dụng loại liên kết nào?

• A. Liên kết neo (anchor link) trỏ đến ID của phần "Kết quả".
• B. Một liên kết ngoài đến một website khác.
• C. Một liên kết thông thường đến một trang web mới.
• D. Chỉ cần viết tên phần "Kết quả" trong văn bản.

Câu 18: Khi thiết kế một website, việc đặt liên kết đến trang chủ ở nhiều vị trí khác nhau (ví dụ: trên thanh điều hướng, logo, phần chân trang) là một thực hành tốt. Tại sao?

• A. Để làm cho trang web trông phức tạp hơn.
• B. Để bắt buộc người dùng luôn quay về trang chủ.
• C. Chỉ để trang trí.
• D. Giúp người dùng dễ dàng quay trở lại điểm xuất phát chính của website từ bất kỳ trang nào, nâng cao khả năng điều hướng.

Câu 19: Xét một website có cấu trúc hình cây. Điều nào sau đây mô tả đúng mối quan hệ giữa trang cha và trang con?

• A. Trang con luôn là trang chủ.
• B. Trang cha chỉ có thể liên kết đến duy nhất một trang con.
• C. Trang cha là trang mà từ đó người dùng có thể truy cập (thông qua liên kết) đến trang con.
• D. Trang con không bao giờ có liên kết quay trở lại trang cha.

Câu 20: Bạn đang duyệt một website và thấy một liên kết mở ra một cửa sổ hoặc tab trình duyệt mới thay vì chuyển hướng trên cùng một tab hiện tại. Điều này thường được thực hiện bằng cách sử dụng thuộc tính nào trong mã HTML của liên kết?

• A. `href`
• B. `target=
• C. `rel=
• D. `title`

Câu 21: Tại sao việc sử dụng quá nhiều liên kết trên một trang web duy nhất (ví dụ: liên kết đến hàng trăm trang khác nhau) lại không được khuyến khích?

• A. Làm tăng chi phí duy trì website.
• B. Khiến website dễ bị tấn công hơn.
• C. Làm cho trang web trống rỗng, thiếu nội dung.
• D. Gây rối mắt, khó khăn cho người đọc trong việc tìm kiếm thông tin cần thiết và làm giảm tính thẩm mỹ của trang.

Câu 22: Thanh điều hướng trên thiết bị di động thường có dạng khác biệt so với trên máy tính để bàn (ví dụ: biểu tượng "hamburger" ở góc). Sự khác biệt này chủ yếu là do yếu tố nào?

• A. Hạn chế về không gian màn hình trên thiết bị di động.
• B. Tốc độ kết nối mạng của thiết bị di động luôn chậm hơn.
• C. Người dùng di động thích các biểu tượng hơn văn bản.
• D. Thiết bị di động không hỗ trợ hiển thị văn bản dài trên thanh điều hướng.

Câu 23: Khi xây dựng một website du lịch, bạn có một trang giới thiệu chung về một điểm đến (ví dụ: Đà Nẵng) và các trang con chi tiết hơn về các địa điểm tham quan, ẩm thực, khách sạn ở Đà Nẵng. Trên trang giới thiệu chung về Đà Nẵng, bạn nên đặt các liên kết như thế nào để người dùng tiện khám phá?

• A. Chỉ đặt một liên kết duy nhất quay về trang chủ.
• B. Chỉ đặt các liên kết đến các điểm đến khác (ví dụ: Hội An, Huế).
• C. Đặt các liên kết rõ ràng đến các trang con chi tiết (Địa điểm tham quan, Ẩm thực, Khách sạn) để người dùng dễ dàng tìm hiểu sâu hơn về từng khía cạnh của Đà Nẵng.
• D. Không cần đặt bất kỳ liên kết nào trên trang này.

Câu 24: Phân tích: Một website được thiết kế với cấu trúc hình cây rất sâu (nhiều cấp độ trang con lồng nhau). Điều này có thể gây ra vấn đề gì cho người dùng?

• A. Người dùng có thể bị "lạc" trong cấu trúc website, khó khăn trong việc quay lại các trang cấp cao hơn hoặc tìm đường đi đến các phần khác.
• B. Làm cho website tải nhanh hơn.
• C. Giúp tối ưu hóa công cụ tìm kiếm (SEO).
• D. Tăng tính bảo mật của website.

Câu 25: Để cải thiện khả năng điều hướng trên một website có cấu trúc hình cây sâu, người ta thường sử dụng "breadcrumbs" (dấu vết điều hướng), ví dụ: Trang chủ > Danh mục > Sản phẩm A. Chức năng của "breadcrumbs" là gì?

• A. Hiển thị các quảng cáo liên quan đến trang hiện tại.
• B. Cho người dùng biết vị trí hiện tại của họ trong cấu trúc website và cung cấp các liên kết để dễ dàng quay lại các trang cha.
• C. Là một dạng thanh tìm kiếm nhanh.
• D. Hiển thị lịch sử duyệt web của người dùng.

Câu 26: Liên kết nội bộ (internal link) là liên kết dẫn người dùng đến:

• A. Một website khác hoàn toàn.
• B. Một tệp tin được tải về máy tính.
• C. Một trang khác trong cùng một website.
• D. Một ứng dụng di động.

Câu 27: Phân tích tác dụng của việc sử dụng văn bản liên kết (anchor text) rõ ràng và mô tả (ví dụ: "Xem chi tiết về Lịch sử hình thành trường" thay vì "Nhấp vào đây").

• A. Làm cho website tải chậm hơn.
• B. Giảm số lượng liên kết trên trang.
• C. Chỉ có tác dụng với công cụ tìm kiếm.
• D. Giúp người dùng hiểu rõ nội dung hoặc đích đến của liên kết trước khi nhấp vào, cải thiện khả năng điều hướng và trải nghiệm người dùng.

Câu 28: Trong ngữ cảnh thanh điều hướng, thuật ngữ "menu" thường được hiểu là gì?

• A. Tập hợp các liên kết điều hướng chính của website, thường được tổ chức trong thanh điều hướng.
• B. Một đoạn video giới thiệu về website.
• C. Phần nội dung chính của một bài viết.
• D. Danh sách các hình ảnh trên trang.

Câu 29: Tại sao các website hiện đại thường thiết kế thanh điều hướng có khả năng thích ứng (responsive) trên các kích thước màn hình khác nhau?

• A. Để làm cho website có nhiều màu sắc hơn.
• B. Để giảm số lượng trang con.
• C. Để đảm bảo thanh điều hướng hiển thị và hoạt động tốt trên mọi thiết bị (máy tính, máy tính bảng, điện thoại), cải thiện trải nghiệm người dùng.
• D. Để tăng thời gian tải trang.

Câu 30: Một trang web có cấu trúc hình cây nhưng thiếu các liên kết giữa các trang con cùng cấp (sibling pages), ví dụ: từ trang "Tin trong nước" không có liên kết trực tiếp đến trang "Tin quốc tế" mà phải quay về trang "Tin tức" rồi mới sang. Điều này gây khó khăn gì?

• A. Làm cho website không thể hoạt động.
• B. Tăng tốc độ tải trang.
• C. Giúp người dùng dễ dàng tìm kiếm thông tin hơn.
• D. Buộc người dùng phải di chuyển lên cấp cha rồi mới xuống lại cấp con khác, làm chậm quá trình điều hướng và gây phiền phức.

Câu 1: Trong thiết kế website theo cấu trúc hình cây, mối quan hệ giữa trang chủ và các trang con cấp 1 được mô tả chính xác nhất như thế nào?

• A. Trang con cấp 1 là bản sao nội dung của trang chủ.
• B. Trang con cấp 1 chỉ liên kết đến các trang bên ngoài website.
• C. Trang con cấp 1 là các trang trực tiếp được truy cập từ trang chủ thông qua các liên kết hoặc thanh điều hướng chính.
• D. Trang chủ và trang con cấp 1 hoàn toàn độc lập về nội dung và liên kết.

Câu 2: Tại sao việc tổ chức nội dung dài thành nhiều trang nhỏ hơn và liên kết chúng với nhau lại được xem là một thực hành tốt trong thiết kế web?

• A. Để giảm chi phí lưu trữ dữ liệu trên máy chủ.
• B. Để giới hạn số lượng hình ảnh có thể hiển thị trên mỗi trang.
• C. Để buộc người dùng phải truy cập nhiều trang, tăng lượt xem.
• D. Để cải thiện tốc độ tải trang, dễ đọc và điều hướng, đặc biệt với nội dung dài.

Câu 3: Một liên kết có dạng `

Câu 16: Một trang web giới thiệu sản phẩm X. Trên trang này có một liên kết `

Câu 21: Một liên kết có dạng `

Câu 23: Trong HTML, thẻ `` được sử dụng để tạo liên kết. Thuộc tính bắt buộc của thẻ này để xác định đích của liên kết là gì?

Câu 1: Trong thiết kế web, liên kết (hyperlink) đóng vai trò cốt lõi nào?

• A. Chỉ để trang trí cho văn bản hoặc hình ảnh.
• B. Để lưu trữ dữ liệu người dùng một cách tạm thời.
• C. Để hiển thị hình ảnh động trên trang web.
• D. Để kết nối các trang web với nhau hoặc các phần khác nhau trong cùng một trang.

Câu 2: Khi bạn nhấp vào một đoạn văn bản có gạch chân màu xanh và được chuyển đến một trang web khác hoàn toàn, đó là ví dụ điển hình về loại liên kết nào xét về đích đến?

• A. Liên kết nội bộ (Internal link)
• B. Liên kết ngoại bộ (External link)
• C. Liên kết neo (Anchor link)
• D. Liên kết email (Mailto link)

Câu 3: Một trang web giới thiệu sản phẩm rất dài. Để giúp người dùng nhanh chóng chuyển đến phần "Thông số kỹ thuật" mà không cần cuộn trang, người thiết kế web nên sử dụng loại liên kết nào?

• A. Liên kết ngoại bộ
• B. Liên kết đến tệp tin
• C. Liên kết neo (Anchor link)
• D. Liên kết email

Câu 4: Thanh điều hướng (navigation bar) trên một trang web thường được đặt ở vị trí nào để tối ưu trải nghiệm người dùng?

• A. Phía trên cùng hoặc bên trái/phải của trang web.
• B. Ẩn hoàn toàn và chỉ xuất hiện khi người dùng nhấp vào một nút nhỏ.
• C. Chỉ ở cuối trang web (footer).
• D. Ở giữa nội dung chính của trang.

Câu 5: Xét cấu trúc trang web hình cây, nếu trang "Giới thiệu" là trang con của trang "Trang chủ", và trang "Lịch sử hình thành" là trang con của trang "Giới thiệu", thì mối quan hệ giữa "Trang chủ" và "Lịch sử hình thành" là gì?

• A. Trang chủ là trang con của Lịch sử hình thành.
• B. Lịch sử hình thành là trang con (ở cấp độ sâu hơn) của Trang chủ.
• C. Không có mối quan hệ liên kết trực tiếp giữa hai trang này.
• D. Cả hai đều là trang ngang hàng của nhau.

Câu 6: Tại sao việc sử dụng văn bản neo (anchor text) có ý nghĩa và mô tả cho liên kết lại quan trọng đối với trải nghiệm người dùng và SEO?

• A. Chỉ để làm đẹp cho liên kết.
• B. Để liên kết mở trong cửa sổ mới.
• C. Giúp người dùng và công cụ tìm kiếm hiểu nội dung trang đích.
• D. Bắt buộc phải có để liên kết hoạt động.

Câu 7: Khi thiết kế thanh điều hướng cho một trang web có nhiều nội dung, việc nhóm các liên kết có liên quan lại với nhau (ví dụ: tất cả liên kết về "Sản phẩm" nằm dưới một mục menu "Sản phẩm") thể hiện nguyên tắc thiết kế nào?

• A. Tính tổ chức và phân cấp.
• B. Tính ngẫu nhiên.
• C. Tính lặp lại.
• D. Tính phân tán.

Câu 8: Bạn muốn tạo một liên kết đến trang "about.html" nằm cùng cấp với trang hiện tại ("index.html"). Đường dẫn tương đối (relative URL) chính xác cần sử dụng trong thẻ `` là gì?