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

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

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é!!!


Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 01

Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 01 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

Câu 1: Trong HTML, thẻ nào được sử dụng để tạo một liên kết (hyperlink)?

  • A. <link>
  • B. <href>
  • C. <a>
  • D. <nav>

Câu 2: Thuộc tính bắt buộc nào của thẻ <a> dùng để chỉ định địa chỉ URL của tài nguyên mà liên kết trỏ tới?

  • A. src
  • B. href
  • C. link
  • D. url

Câu 3: Xét đoạn mã HTML sau: <a href=

  • A. Trong cửa sổ/tab hiện tại, thay thế trang web đang xem.
  • B. Trong một khung (frame) cùng trang.
  • C. Trong cửa sổ trình duyệt mẹ (parent frame).
  • D. Trong một cửa sổ hoặc tab trình duyệt mới.

Câu 4: Một liên kết tuyệt đối (absolute URL) khác liên kết tương đối (relative URL) ở điểm nào?

  • A. Liên kết tuyệt đối chứa đầy đủ giao thức và tên miền, liên kết tương đối thì không.
  • B. Liên kết tuyệt đối chỉ dùng cho các tệp tin trên cùng máy chủ, liên kết tương đối dùng cho các tệp tin bên ngoài.
  • C. Liên kết tuyệt đối luôn ngắn hơn liên kết tương đối.
  • D. Liên kết tuyệt đối không thể trỏ đến các phần trong cùng một trang.

Câu 5: Bạn muốn tạo một liên kết đến mục "Liên hệ" nằm ở cuối trang web hiện tại mà không cần tải lại trang. Bạn sẽ sử dụng loại liên kết nào?

  • A. Liên kết tuyệt đối
  • B. Liên kết tương đối đến một trang khác
  • C. Liên kết neo (anchor link)
  • D. Liên kết email

Câu 6: Để tạo một liên kết neo đến một phần tử có ID là "phan-lien-he" trong cùng trang, thuộc tính `href` của thẻ <a> sẽ có giá trị là gì?

  • A. phan-lien-he
  • B. #phan-lien-he
  • C. url("phan-lien-he")
  • D. .phan-lien-he

Câu 7: Mục đích chính của việc sử dụng thanh điều hướng (navigation bar) trên trang web là gì?

  • A. Giúp người dùng dễ dàng tìm kiếm và di chuyển giữa các trang/phần của website.
  • B. Hiển thị nội dung chính của trang web.
  • C. Trang trí cho giao diện trang web thêm đẹp mắt.
  • D. Lưu trữ thông tin cá nhân của người dùng.

Câu 8: Xem xét đoạn mã CSS sau được áp dụng cho một thanh điều hướng: `nav ul { list-style-type: none; margin: 0; padding: 0; }`. Đoạn mã này có tác dụng gì?

  • A. Hiển thị danh sách theo chiều dọc.
  • B. Thêm đường viền cho các mục trong danh sách.
  • C. Loại bỏ dấu đầu dòng và khoảng đệm/lề mặc định của danh sách.
  • D. Đổi màu nền cho thanh điều hướng.

Câu 9: Để tạo một thanh điều hướng ngang (horizontal navigation bar) từ một danh sách HTML <ul>, thuộc tính CSS nào thường được sử dụng cho các phần tử <li> bên trong?

  • A. display: inline-block;
  • B. display: block;
  • C. position: absolute;
  • D. float: none;

Câu 10: Tại sao việc sử dụng các từ ngữ mô tả (descriptive text) cho liên kết (ví dụ: "Xem chi tiết sản phẩm X" thay vì "Bấm vào đây") lại quan trọng?

  • A. Giúp liên kết nổi bật hơn về mặt hình ảnh.
  • B. Cải thiện khả năng truy cập và giúp người dùng hiểu rõ đích đến của liên kết.
  • C. Làm cho mã HTML ngắn gọn hơn.
  • D. Không có sự khác biệt đáng kể về chức năng.

Câu 11: Khi xây dựng một website có cấu trúc hình cây (tree structure), trang chủ (homepage) thường đóng vai trò gì trong cấu trúc đó?

  • A. Là gốc rễ, điểm bắt đầu của cấu trúc.
  • B. Là một trang con bất kỳ.
  • C. Là trang cuối cùng mà người dùng truy cập.
  • D. Không có vai trò đặc biệt trong cấu trúc cây.

Câu 12: Bạn có một tệp HTML tên là `gioithieu.html` nằm trong cùng thư mục với tệp `index.html` hiện tại. Để tạo liên kết từ `index.html` đến `gioithieu.html`, bạn sẽ sử dụng giá trị nào cho thuộc tính `href`?

  • A. /gioithieu.html
  • B. gioithieu.html
  • C. ../gioithieu.html
  • D. file://gioithieu.html

Câu 13: Bạn có một tệp HTML tên là `sanpham.html` nằm trong thư mục con `sanpham` của thư mục hiện tại. Để tạo liên kết từ trang hiện tại đến `sanpham.html`, bạn sẽ sử dụng giá trị nào cho thuộc tính `href`?

  • A. sanpham/sanpham.html
  • B. ../sanpham/sanpham.html
  • C. /sanpham/sanpham.html
  • D. sanpham.html

Câu 14: Bạn có một tệp HTML tên là `index.html` nằm ở thư mục gốc của website. Bạn đang ở trong một tệp HTML nằm trong thư mục con `tintuc`. Để tạo liên kết từ trang `tintuc` hiện tại quay về trang gốc `index.html`, bạn sẽ sử dụng giá trị nào cho thuộc tính `href`?

  • A. ../index.html
  • B. index.html
  • C. /index.html
  • D. tintuc/index.html

Câu 15: Thanh điều hướng thường được đặt ở vị trí nào trên trang web để người dùng dễ dàng nhìn thấy và sử dụng nhất?

  • A. Ở cuối trang (footer).
  • B. Ẩn bên trong nội dung chính.
  • C. Chỉ hiển thị khi người dùng cuộn trang xuống dưới cùng.
  • D. Ở phía trên cùng hoặc bên cạnh (trái/phải) của trang.

Câu 16: Khi thiết kế thanh điều hướng cho một website lớn với nhiều trang con và nhiều cấp độ, yếu tố nào sau đây là quan trọng nhất cần xem xét để đảm bảo tính hiệu quả?

  • A. Màu sắc và phông chữ thật nổi bật.
  • B. Cấu trúc phân cấp và sự logic của các liên kết.
  • C. Số lượng liên kết trên thanh điều hướng càng nhiều càng tốt.
  • D. Chỉ sử dụng liên kết tuyệt đối.

Câu 17: Xem xét đoạn mã HTML sau: <nav><ul><li><a href=

  • A. Một bảng dữ liệu.
  • B. Một biểu mẫu nhập liệu.
  • C. Phần nội dung chính của trang.
  • D. Một thanh điều hướng.

Câu 18: Khi thiết kế thanh điều hướng, việc nhóm các liên kết có liên quan lại với nhau (ví dụ: tất cả các liên kết về sản phẩm vào một menu con) mang lại lợi ích gì?

  • A. Giúp thanh điều hướng gọn gàng hơn và cải thiện khả năng tìm kiếm thông tin.
  • B. Làm tăng tốc độ tải trang.
  • C. Giúp liên kết hiển thị màu sắc đa dạng hơn.
  • D. Không có lợi ích gì đáng kể.

Câu 19: Giả sử bạn đang ở trang có đường dẫn `https://www.example.com/sanpham/dienthoai.html`. Bạn muốn tạo liên kết đến trang `https://www.example.com/gioithieu/vechungtoi.html`. Bạn nên sử dụng liên kết loại nào?

  • A. Liên kết tuyệt đối.
  • B. Liên kết neo.
  • C. Liên kết tương đối chỉ đến tên tệp.
  • D. Không thể liên kết giữa các thư mục khác nhau.

Câu 20: Tại sao việc sử dụng thanh điều hướng cố định (fixed navigation bar) ở đầu trang (sticky header) lại phổ biến trên nhiều website hiện đại?

  • A. Để trang trí cho phần đầu trang.
  • B. Để hiển thị nhiều quảng cáo hơn.
  • C. Giúp người dùng truy cập các liên kết điều hướng nhanh chóng từ mọi vị trí trên trang.
  • D. Làm giảm kích thước tệp tin HTML.

Câu 21: Khi nào thì nên sử dụng thuộc tính `target=

  • A. Khi liên kết đến một trang trong cùng website.
  • B. Khi liên kết đến một website bên ngoài (để không làm mất trang hiện tại).
  • C. Khi liên kết đến một phần tử trong cùng trang.
  • D. Khi liên kết đến một tệp hình ảnh.

Câu 22: Thanh điều hướng

  • A. Hiển thị các liên kết phổ biến nhất.
  • B. Cho phép người dùng tìm kiếm nội dung trên website.
  • C. Hiển thị thông báo mới nhất.
  • D. Giúp người dùng biết vị trí hiện tại trong cấu trúc website và dễ dàng quay lại các cấp trước.

Câu 23: Xét đoạn mã HTML: <a href=

  • A. Mở ứng dụng email mặc định của người dùng để soạn email đến địa chỉ example@email.com.
  • B. Chuyển hướng đến một trang web có địa chỉ example@email.com.
  • C. Tải xuống một tệp tin có tên example@email.com.
  • D. Hiển thị địa chỉ email dưới dạng văn bản thuần túy.

Câu 24: Để cải thiện khả năng truy cập (accessibility) cho thanh điều hướng, điều gì sau đây là một thực hành tốt?

  • A. Chỉ sử dụng biểu tượng cho các liên kết.
  • B. Sử dụng màu sắc tương phản thấp cho văn bản liên kết.
  • C. Sử dụng các thẻ ngữ nghĩa HTML5 như <nav>.
  • D. Đặt thanh điều hướng ở cuối trang.

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

  • A. Không gian màn hình hạn chế.
  • B. Tốc độ kết nối internet chậm hơn.
  • C. Độ phân giải màn hình cao hơn.
  • D. Thiếu khả năng nhấp chuột.

Câu 26: Xem xét đoạn mã CSS sau: `a:hover { color: red; }`. Đoạn mã này có tác dụng gì?

  • A. Đổi màu liên kết đã được truy cập thành màu đỏ.
  • B. Đổi màu liên kết thành màu đỏ khi rê chuột qua.
  • C. Đổi màu liên kết chưa được truy cập thành màu đỏ.
  • D. Thêm gạch chân màu đỏ cho liên kết.

Câu 27: Tại sao không nên sử dụng cụm từ chung chung như

  • A. Làm tăng kích thước tệp HTML.
  • B. Khiến liên kết không hoạt động.
  • C. Làm trang web tải chậm hơn.
  • D. Không cung cấp thông tin về nội dung đích đến, gây khó hiểu cho người dùng.

Câu 28: Trong cấu trúc website hình cây, trang nào thường có số lượng liên kết ra các trang khác nhiều nhất?

  • A. Trang chủ (Homepage).
  • B. Một trang con ở cấp sâu nhất.
  • C. Trang liên hệ.
  • D. Tất cả các trang đều có số lượng liên kết như nhau.

Câu 29: Khi thiết kế thanh điều hướng cho website, việc đảm bảo rằng các liên kết hoạt động đúng và dễ dàng nhấp (đặc biệt trên thiết bị cảm ứng) thuộc khía cạnh nào của trải nghiệm người dùng?

  • A. Bảo mật.
  • B. Tối ưu hóa SEO.
  • C. Khả năng sử dụng (Usability).
  • D. Tốc độ tải trang.

Câu 30: Bạn muốn tạo một liên kết để tải xuống một tệp PDF có tên `tailieu.pdf` nằm trong cùng thư mục với trang HTML hiện tại. Thuộc tính `href` của thẻ <a> sẽ là gì?

  • A. tailieu.pdf
  • B. download/tailieu.pdf
  • C. file:///tailieu.pdf
  • D. #tailieu.pdf

1 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 1: Trong HTML, thẻ nào được sử dụng để tạo một liên kết (hyperlink)?

3 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 3: Xét đoạn mã HTML sau: Truy cập VietJack. Khi người dùng nhấp vào liên kết này, trang web VietJack sẽ mở ra ở đâu?

17 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 17: Xem xét đoạn mã HTML sau:

. Đoạn mã này thể hiện cấu trúc cơ bản của thành phần nào trên trang web?

18 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 18: Khi thiết kế thanh điều hướng, việc nhóm các liên kết có liên quan lại với nhau (ví dụ: tất cả các liên kết về sản phẩm vào một menu con) mang lại lợi ích gì?

19 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 19: Giả sử bạn đang ở trang có đường dẫn `https://www.example.com/sanpham/dienthoai.html`. Bạn muốn tạo liên kết đến trang `https://www.example.com/gioithieu/vechungtoi.html`. Bạn nên sử dụng liên kết loại nào?

20 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 20: Tại sao việc sử dụng thanh điều hướng cố định (fixed navigation bar) ở đầu trang (sticky header) lại phổ biến trên nhiều website hiện đại?

21 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 21: Khi nào thì nên sử dụng thuộc tính `target="_blank"` cho một liên kết?

22 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 22: Thanh điều hướng "breadcrumbs" (thanh điều hướng dạng vụn bánh mì) có tác dụng gì đối với người dùng?

23 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 23: Xét đoạn mã HTML: Gửi email cho chúng tôi. Khi nhấp vào liên kết này, điều gì sẽ xảy ra?

24 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 24: Để cải thiện khả năng truy cập (accessibility) cho thanh điều hướng, điều gì sau đây là một thực hành tốt?

25 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

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

26 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 26: Xem xét đoạn mã CSS sau: `a:hover { color: red; }`. Đoạn mã này có tác dụng gì?

27 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 27: Tại sao không nên sử dụng cụm từ chung chung như "Bấm vào đây" làm văn bản cho liên kết, đặc biệt khi có nhiều liên kết trên cùng trang?

28 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 28: Trong cấu trúc website hình cây, trang nào thường có số lượng liên kết ra các trang khác nhiều nhất?

29 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 29: Khi thiết kế thanh điều hướng cho website, việc đảm bảo rằng các liên kết hoạt động đúng và dễ dàng nhấp (đặc biệt trên thiết bị cảm ứng) thuộc khía cạnh nào của trải nghiệm người dùng?

30 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 1

Câu 30: Bạn muốn tạo một liên kết để tải xuống một tệp PDF có tên `tailieu.pdf` nằm trong cùng thư mục với trang HTML hiện tại. Thuộc tính `href` của thẻ sẽ là gì?

Xem kết quả

0

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é!!!


Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 02

Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 02 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

Câu 1: Trong HTML, thẻ nào sau đây được sử dụng để tạo một liên kết (hyperlink)?

  • A. <link>
  • B. <nav>
  • C. <a>
  • D. <href>

Câu 3: Đoạn mã HTML nào sau đây tạo một liên kết đến trang "about.html" trong cùng thư mục với trang hiện tại, với văn bản hiển thị là "Giới thiệu"?

  • A. <a href=
  • B. <link href=
  • C. <a src=
  • D. <href=

Câu 4: Thuộc tính `target=

  • A. Mở liên kết trong cùng một cửa sổ/tab.
  • B. Mở liên kết trong khung cha (parent frame).
  • C. Mở liên kết trong khung đầy đủ của cửa sổ.
  • D. Mở liên kết trong một cửa sổ/tab mới.

Câu 5: Để tạo một liên kết đến một phần cụ thể (ví dụ: phần có id=

  • A. href=
  • B. href=
  • C. href=
  • D. href=

Câu 6: Thanh điều hướng (navigation bar) trên một trang web thường được xây dựng bằng cách sử dụng kết hợp các thẻ HTML nào là phổ biến nhất?

  • A. <p>, <br>, <a>
  • B. <ul>, <li>, <a>
  • C. <div>, <span>, <a>
  • D. <table>, <tr>, <td>, <a>

Câu 7: Xem xét đoạn mã CSS sau áp dụng cho các liên kết trong thanh điều hướng: `nav a { text-decoration: none; color: #333; }`. Tác dụng của thuộc tính `text-decoration: none;` là gì?

  • A. Loại bỏ đường gạch chân của liên kết.
  • B. In đậm văn bản liên kết.
  • C. Đổi màu văn bản liên kết.
  • D. Tạo hiệu ứng đổ bóng cho văn bản liên kết.

Câu 8: Cấu trúc tổ chức nội dung trang web phổ biến nhất, giúp người dùng dễ dàng hình dung vị trí của mình và các trang liên quan, được gọi là cấu trúc gì?

  • A. Cấu trúc tuyến tính (Linear structure)
  • B. Cấu trúc mạng lưới (Webbed structure)
  • C. Cấu trúc hình cây (Tree structure)
  • D. Cấu trúc ngẫu nhiên (Random structure)

Câu 11: Tại sao việc thiết kế thanh điều hướng rõ ràng và nhất quán lại rất quan trọng đối với trải nghiệm người dùng (User Experience - UX)?

  • A. Giúp website tải nhanh hơn.
  • B. Giúp website hiển thị tốt trên mọi thiết bị.
  • C. Giúp website có thứ hạng cao hơn trên công cụ tìm kiếm.
  • D. Giúp người dùng dễ dàng tìm kiếm thông tin và di chuyển giữa các trang.

Câu 12: Để tạo một liên kết mà khi nhấp vào sẽ gọi hàm gửi email, bạn sẽ sử dụng giao thức nào trong thuộc tính `href`?

  • A. mailto:
  • B. http:
  • C. ftp:
  • D. tel:

Câu 14: Khi thiết kế thanh điều hướng cho website có cấu trúc hình cây sâu (nhiều cấp độ trang con), thách thức chính đối với người dùng là gì?

  • A. Tốc độ tải trang chậm.
  • B. Website không hiển thị được trên điện thoại.
  • C. Khó khăn trong việc thêm nội dung mới.
  • D. Người dùng có thể bị "lạc" hoặc khó quay lại các cấp độ cao hơn.

Câu 15: Trong CSS, thuộc tính nào thường được sử dụng để loại bỏ các dấu chấm đầu dòng mặc định của danh sách (`

    `, `

  • `) khi tạo thanh điều hướng?
    • A. text-decoration: none;
    • B. list-style: none;
    • C. display: inline;
    • D. margin: 0; padding: 0;

Câu 18: Khi sử dụng URL tương đối trong liên kết, nếu bạn đang ở trang `/blog/post.html` và muốn liên kết đến trang `/about.html` (ở thư mục gốc của website), cú pháp `href` sẽ là gì?

  • A. href=
  • B. href=
  • C. href=
  • D. href=

Câu 19: Đâu là lợi ích chính của việc sử dụng thanh điều hướng cố định (fixed navigation bar) ở đầu trang (sticky header)?

  • A. Giúp người dùng truy cập nhanh các liên kết chính khi cuộn trang.
  • B. Làm cho trang web tải nhanh hơn.
  • C. Tăng không gian hiển thị nội dung chính.
  • D. Giúp website thân thiện hơn với công cụ tìm kiếm.

Câu 20: Trong ngữ cảnh thiết kế web, "Breadcrumbs" (đường dẫn phân cấp) là gì và có mục đích gì?

  • A. Là một dạng quảng cáo.
  • B. Là danh sách các bài viết liên quan.
  • C. Là một chuỗi liên kết chỉ đường dẫn từ trang chủ đến trang hiện tại, giúp người dùng định vị.
  • D. Là một thanh công cụ tìm kiếm nâng cao.

Câu 24: Tại sao các liên kết trong thanh điều hướng thường được thiết kế với kích thước và khoảng cách đủ lớn trên thiết bị di động?

  • A. Để người dùng dễ dàng chạm (tap) chính xác bằng ngón tay trên màn hình cảm ứng.
  • B. Để tiết kiệm dung lượng bộ nhớ.
  • C. Để làm cho website tải nhanh hơn trên di động.
  • D. Để hiển thị nhiều liên kết hơn trên màn hình nhỏ.

Câu 25: Khi sử dụng CSS để tạo hiệu ứng khi di chuột qua liên kết (hover effect), bạn sẽ sử dụng pseudo-class nào?

  • A. :active
  • B. :hover
  • C. :visited
  • D. :link

Câu 26: Giả sử bạn có một trang web rất dài và muốn thêm một liên kết ở cuối trang để người dùng có thể nhanh chóng quay lại đầu trang. Bạn sẽ sử dụng loại liên kết nào?

  • A. Liên kết đến một trang web khác.
  • B. Liên kết tải file.
  • C. Liên kết neo (anchor link) trong cùng trang.
  • D. Liên kết gọi điện thoại.

Câu 27: Phân tích ưu điểm của cấu trúc website dạng mạng lưới (webbed structure) so với cấu trúc hình cây (tree structure).

  • A. Cho phép liên kết linh hoạt giữa hầu hết các trang, phù hợp cho nội dung có nhiều mối liên hệ phức tạp.
  • B. Giúp người dùng dễ dàng xác định vị trí của mình trong website.
  • C. Dễ dàng mở rộng bằng cách thêm các cấp độ trang con mới.
  • D. Tối ưu cho việc tải trang tuần tự.

Câu 28: Trong thanh điều hướng, việc sử dụng văn bản liên kết (link text) mô tả rõ ràng nội dung trang đích có lợi ích gì?

  • A. Làm cho thanh điều hướng trông đẹp hơn.
  • B. Giảm số lượng liên kết cần hiển thị.
  • C. Tăng tốc độ tải trang.
  • D. Giúp người dùng dễ dàng dự đoán nội dung của trang đích và quyết định có nên nhấp vào hay không.

Câu 29: Để tạo một liên kết mở ứng dụng gọi điện thoại trên thiết bị di động, bạn sẽ sử dụng giao thức nào trong thuộc tính `href`?

  • A. call:
  • B. tel:
  • C. phone:
  • D. sms:

9 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 2

Câu 9: Một liên kết có dạng `Google` là ví dụ về loại URL nào?

10 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 2

Câu 10: Một liên kết có dạng `Logo` là ví dụ về loại URL nào?

11 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 2

Câu 11: Tại sao việc thiết kế thanh điều hướng rõ ràng và nhất quán lại rất quan trọng đối với trải nghiệm người dùng (User Experience - UX)?

12 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 2

Câu 12: Để tạo một liên kết mà khi nhấp vào sẽ gọi hàm gửi email, bạn sẽ sử dụng giao thức nào trong thuộc tính `href`?

13 / 30

Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

Tags: Bộ đề 2

Câu 13: Xem xét đoạn mã HTML sau cho một mục trong thanh điều hướng: `

  • Sản phẩm
  • `. Thẻ `

  • ` ở đây có vai trò chính là gì?
  • 14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 14: Khi thiết kế thanh điều hướng cho website có cấu trúc hình cây sâu (nhiều cấp độ trang con), thách thức chính đối với người dùng là gì?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 15: Trong CSS, thuộc tính nào thường được sử dụng để loại bỏ các dấu chấm đầu dòng mặc định của danh sách (`

      `, `

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

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 16: Để tạo một liên kết mở một file PDF và yêu cầu trình duyệt tải về thay vì hiển thị trực tiếp, bạn sẽ thêm thuộc tính nào vào thẻ ``?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 17: Xem xét đoạn mã HTML và CSS sau cho một thanh điều hướng ngang đơn giản: `

    ` và `li { display: inline; }`. Thuộc tính CSS `display: inline;` áp dụng cho `

  • ` có tác dụng gì?
  • 18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 18: Khi sử dụng URL tương đối trong liên kết, nếu bạn đang ở trang `/blog/post.html` và muốn liên kết đến trang `/about.html` (ở thư mục gốc của website), cú pháp `href` sẽ là gì?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 19: Đâu là lợi ích chính của việc sử dụng thanh điều hướng cố định (fixed navigation bar) ở đầu trang (sticky header)?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 20: Trong ngữ cảnh thiết kế web, 'Breadcrumbs' (đường dẫn phân cấp) là gì và có mục đích gì?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 21: Khi một liên kết được tạo chỉ chứa `#` trong thuộc tính `href` (ví dụ: `Link`), điều gì thường xảy ra khi người dùng nhấp vào nó?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 22: Xem xét đoạn mã HTML sau: `

    `. Thẻ `

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 23: Giả sử bạn có một website với cấu trúc thư mục như sau: `/` (thư mục gốc), `/css/style.css`, `/pages/about.html`, `/index.html`. Nếu bạn đang ở trang `/index.html` và muốn liên kết đến `/pages/about.html`, cú pháp `href` trong thẻ `` sẽ là gì?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 2

    Câu 30: Xem xét đoạn mã HTML của một liên kết: `Phần 1`. Nếu bạn muốn thêm hiệu ứng mượt mà khi cuộn đến `#section1` bằng CSS (smooth scrolling), thuộc tính CSS nào thường được sử dụng trên phần tử `` hoặc ``?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 03

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Khi xây dựng một website có cấu trúc hình cây với nhiều cấp độ, vai trò chính của trang chủ (trang gốc) là gì?

    • A. Chứa toàn bộ nội dung chi tiết của mọi trang con.
    • B. Chỉ hiển thị thông tin liên hệ và địa chỉ.
    • C. Là điểm truy cập ban đầu và cung cấp liên kết đến các phần/trang con chính.
    • D. Tự động chuyển hướng người dùng đến một trang ngẫu nhiên.

    Câu 2: Bạn đang thiết kế một website tin tức. Để người đọc dễ dàng xem tiếp toàn bộ nội dung của một bài báo khi họ chỉ đọc đoạn giới thiệu trên trang chủ, bạn nên sử dụng loại liên kết nào?

    • A. Liên kết nội bộ đến trang chi tiết của bài báo.
    • B. Liên kết đến trang chủ của một website khác.
    • C. Liên kết tải về một tài liệu.
    • D. Không cần sử dụng liên kết, chỉ cần hiển thị thêm nội dung.

    Câu 3: Thanh điều hướng (navigation bar) trên website đóng vai trò quan trọng nhất trong việc hỗ trợ người dùng thực hiện hành động nào?

    • A. Đăng ký tài khoản mới.
    • B. Di chuyển giữa các phần/trang khác nhau của website.
    • C. Xem các quảng cáo trên trang.
    • D. Thay đổi ngôn ngữ hiển thị.

    Câu 4: Một website bán hàng trực tuyến có số lượng sản phẩm rất lớn, được chia thành nhiều danh mục và danh mục con. Cấu trúc hình cây giúp ích gì cho việc tổ chức và điều hướng trên website này?

    • A. Giảm dung lượng lưu trữ của website.
    • B. Tự động cập nhật giá sản phẩm.
    • C. Chỉ cho phép người dùng xem sản phẩm trên trang chủ.
    • D. Phân loại sản phẩm một cách logic, giúp người dùng dễ dàng tìm kiếm theo danh mục.

    Câu 5: Khi tạo một liên kết đến một website bên ngoài, tại sao nên thiết lập liên kết đó mở trong một tab hoặc cửa sổ trình duyệt mới?

    • A. Để tăng tốc độ tải trang của website đích.
    • B. Để website của bạn hiển thị quảng cáo trên website đích.
    • C. Để người dùng có thể dễ dàng quay lại website của bạn sau khi xem nội dung liên kết.
    • D. Để tự động lưu lại lịch sử duyệt web của người dùng.

    Câu 6: Trên một website du lịch, thanh điều hướng có các mục như "Điểm đến", "Tour", "Khách sạn", "Blog", "Liên hệ". Đây là ví dụ về chức năng chính nào của thanh điều hướng?

    • A. Cung cấp bản đồ tổng thể các khu vực chính của website.
    • B. Hiển thị thông tin thời tiết tại các điểm đến.
    • C. Cho phép đặt tour trực tiếp từ thanh điều hướng.
    • D. Hiển thị đánh giá của khách hàng về các tour.

    Câu 7: Nếu một website có cấu trúc quá phẳng (ít cấp độ, mọi thứ đều nằm gần trang chủ) nhưng lại chứa lượng thông tin khổng lồ, điều gì có khả năng xảy ra với trải nghiệm người dùng?

    • A. Người dùng sẽ tìm thấy thông tin nhanh hơn.
    • B. Người dùng có thể bị choáng ngợp và khó tìm kiếm thông tin cụ thể.
    • C. Website sẽ tải nhanh hơn đáng kể.
    • D. Tất cả nội dung sẽ hiển thị gọn gàng trên một trang duy nhất.

    Câu 8: Trong ngữ cảnh website, cụm từ "liên kết neo" (anchor link) thường được sử dụng để làm gì?

    • A. Liên kết đến một website khác hoàn toàn.
    • B. Liên kết tải về một tệp tin.
    • C. Liên kết mở một cửa sổ pop-up.
    • D. Di chuyển người dùng đến một vị trí cụ thể (một phần) trong cùng một trang web.

    Câu 9: Khi thiết kế thanh điều hướng cho website, nguyên tắc nào sau đây là quan trọng nhất để đảm bảo tính dễ sử dụng?

    • A. Sự nhất quán (Consistency): Thanh điều hướng nên xuất hiện ở cùng một vị trí và có cùng cấu trúc trên mọi trang.
    • B. Sự phức tạp: Sử dụng nhiều hiệu ứng động và màu sắc sặc sỡ.
    • C. Sự thay đổi: Mỗi trang có một kiểu thanh điều hướng khác nhau.
    • D. Sự ẩn giấu: Chỉ hiển thị thanh điều hướng khi người dùng thực hiện một hành động đặc biệt.

    Câu 10: Tại sao việc sử dụng văn bản rõ ràng, mô tả (ví dụ: "Giới thiệu về chúng tôi", "Sản phẩm", "Liên hệ") cho các mục trên thanh điều hướng lại tốt hơn việc chỉ sử dụng các biểu tượng không có chú thích?

    • A. Giúp website tải nhanh hơn.
    • B. Giúp người dùng dễ dàng hiểu nội dung của liên kết và quyết định nhấp vào hay không.
    • C. Làm cho website trông hiện đại hơn.
    • D. Tự động dịch nội dung website sang các ngôn ngữ khác.

    Câu 11: Trong cấu trúc hình cây của website, một trang con có thể có những "con" của nó không? Nếu có, điều này tạo nên điều gì?

    • A. Có. Tạo nên các cấp độ sâu hơn trong cấu trúc, giúp phân loại thông tin chi tiết hơn.
    • B. Có. Nhưng chỉ khi trang con đó là trang chủ thứ hai.
    • C. Không. Chỉ trang chủ mới có thể có trang con.
    • D. Không. Mỗi trang chỉ có thể liên kết trực tiếp về trang chủ.

    Câu 12: Một "liên kết hỏng" (broken link) trên website có thể gây ra những hậu quả tiêu cực nào?

    • A. Website sẽ tự động sửa liên kết đó.
    • B. Người dùng sẽ được chuyển hướng đến trang chủ.
    • C. Không ảnh hưởng gì đến trải nghiệm người dùng.
    • D. Gây khó chịu cho người dùng vì không truy cập được nội dung mong muốn, làm giảm uy tín của website.

    Câu 13: Bạn đang xây dựng website giới thiệu một dự án nghiên cứu. Trên trang chủ, bạn muốn có một phần "Các ấn phẩm liên quan" liệt kê các bài báo và báo cáo. Các mục trong phần này nên là loại liên kết nào?

    • A. Chỉ là văn bản thông thường, không có liên kết.
    • B. Liên kết đến các tệp tin (ví dụ: PDF) hoặc các trang web khác chứa ấn phẩm đó.
    • C. Liên kết quay lại đầu trang chủ.
    • D. Liên kết mở một cửa sổ đăng nhập.

    Câu 14: Thanh điều hướng dạng "breadcrumb" (ví dụ: Trang chủ > Sản phẩm > Điện thoại > iPhone) thường được sử dụng ở đâu trên website và có mục đích gì?

    • A. Ở chân trang, để hiển thị bản quyền.
    • B. Ở đầu trang chủ, để giới thiệu về website.
    • C. Ở phía trên nội dung trang, để giúp người dùng biết vị trí hiện tại và dễ dàng quay lại các trang cấp trên.
    • D. Chỉ hiển thị khi website gặp lỗi.

    Câu 15: Việc sử dụng quá nhiều liên kết dày đặc trên một trang web, đặc biệt là trên trang chủ, có thể gây ra vấn đề gì cho người dùng?

    • A. Gây nhiễu loạn thông tin, khó xác định liên kết nào là quan trọng.
    • B. Làm cho website tải nhanh hơn.
    • C. Giúp người dùng dễ dàng tìm thấy mọi thứ ngay lập tức.
    • D. Tăng tính thẩm mỹ cho trang web.

    Câu 16: Theo cấu trúc hình cây, mối quan hệ giữa trang chủ và các trang con trực tiếp của nó là gì?

    • A. Trang chủ là bản sao của tất cả các trang con.
    • B. Các trang con không có bất kỳ liên kết nào đến trang chủ.
    • C. Trang chủ và các trang con là hoàn toàn độc lập.
    • D. Trang chủ là "cha" và các trang con trực tiếp là "con", được liên kết từ trang chủ.

    Câu 17: Tại sao việc kiểm tra và cập nhật các liên kết định kỳ lại là một công việc quan trọng trong quản lý website?

    • A. Để thay đổi giao diện website thường xuyên.
    • B. Để tăng chi phí hoạt động của website.
    • C. Để đảm bảo tất cả các liên kết đều hoạt động, tránh tình trạng "liên kết hỏng".
    • D. Chỉ cần làm khi website có sự cố lớn.

    Câu 18: Một thanh điều hướng dạng "hamburger menu" (biểu tượng ba gạch ngang) thường được sử dụng phổ biến trên các thiết bị nào và tại sao?

    • A. Điện thoại di động, vì giúp tiết kiệm không gian màn hình nhỏ.
    • B. Máy tính để bàn, vì trông chuyên nghiệp hơn.
    • C. Máy tính bảng, vì dễ nhấp bằng bút cảm ứng.
    • D. Mọi thiết bị, vì là kiểu thiết kế mới nhất.

    Câu 19: Khi thiết kế thanh điều hướng cho một website dành cho trẻ em, yếu tố nào sau đây nên được ưu tiên?

    • A. Sử dụng ngôn ngữ kỹ thuật phức tạp.
    • B. Có nhiều cấp độ menu ẩn sâu.
    • C. Chỉ sử dụng văn bản rất nhỏ.
    • D. Sử dụng các nhãn (label) đơn giản, dễ hiểu và có thể kết hợp biểu tượng hình ảnh.

    Câu 20: Cụm từ "Đọc thêm" hoặc "Xem chi tiết" dưới một đoạn giới thiệu nội dung trên trang web có ý nghĩa gì đối với người dùng?

    • A. Đây là toàn bộ nội dung của chủ đề.
    • B. Có nội dung đầy đủ hơn về chủ đề này ở một nơi khác (thường là trang chi tiết).
    • C. Chỉ là một liên kết quảng cáo.
    • D. Yêu cầu người dùng đăng nhập để xem tiếp.

    Câu 21: Lợi ích chính của việc tổ chức nội dung website thành các trang con độc lập và liên kết từ trang chủ, thay vì dồn hết lên một trang duy nhất, là gì?

    • A. Giúp trang chủ gọn gàng, dễ tải hơn và làm cho việc tìm kiếm thông tin cụ thể trong các trang con dễ dàng hơn.
    • B. Tăng chi phí lưu trữ website.
    • C. Làm giảm số lượng người truy cập website.
    • D. Chỉ áp dụng cho website có ít nội dung.

    Câu 22: Trong cấu trúc hình cây, nếu bạn đang ở một trang con ở cấp độ sâu (ví dụ: Trang chủ -> Sản phẩm -> Điện thoại -> iPhone 15), làm thế nào để dễ dàng quay lại trang "Sản phẩm"?

    • A. Nhập lại địa chỉ trang "Sản phẩm" vào thanh địa chỉ.
    • B. Chỉ có cách quay lại trang chủ rồi tìm lại.
    • C. Website không hỗ trợ việc quay lại các trang cấp trên.
    • D. Sử dụng thanh điều hướng hoặc "breadcrumb" (nếu có) để nhấp vào liên kết "Sản phẩm".

    Câu 23: Tại sao việc đặt thanh điều hướng ở vị trí dễ thấy và nhất quán (ví dụ: trên cùng hoặc bên trái) trên mọi trang lại quan trọng cho trải nghiệm người dùng?

    • A. Để người dùng dành nhiều thời gian hơn tìm kiếm thanh điều hướng.
    • B. Để người dùng có thể nhanh chóng định hướng và di chuyển đến các phần khác mà không cần tìm kiếm.
    • C. Để website có thể hiển thị nhiều quảng cáo hơn.
    • D. Để giảm chất lượng hình ảnh trên website.

    Câu 24: Liên kết nội bộ (internal links) giữa các trang con (không phải qua trang chủ hoặc thanh điều hướng) có thể mang lại lợi ích gì?

    • A. Buộc người dùng phải xem hết mọi trang.
    • B. Làm cho website trở nên lộn xộn.
    • C. Giúp người dùng khám phá các nội dung liên quan, cải thiện thời gian ở lại trang và hỗ trợ SEO.
    • D. Chỉ có tác dụng trang trí.

    Câu 25: Khi nào thì cấu trúc website dạng tuyến tính (linear structure - trang A dẫn đến trang B, trang B dẫn đến trang C...) có thể phù hợp?

    • A. Khi nội dung có trình tự rõ ràng cần theo dõi (ví dụ: bài hướng dẫn từng bước, bài kiểm tra theo trình tự).
    • B. Đối với các website có hàng ngàn trang nội dung.
    • C. Khi muốn người dùng tự do khám phá mọi phần một cách ngẫu nhiên.
    • D. Đối với website tin tức cập nhật liên tục.

    Câu 26: Việc sử dụng màu sắc, gạch chân hoặc kiểu chữ khác biệt cho văn bản là liên kết có mục đích gì?

    • A. Làm chậm tốc độ tải trang.
    • B. Chỉ để làm đẹp trang.
    • C. Ẩn đi các liên kết quan trọng.
    • D. Giúp người dùng dễ dàng nhận biết đâu là liên kết có thể nhấp vào.

    Câu 27: Một website thiếu thanh điều hướng hoặc thanh điều hướng được thiết kế tồi sẽ dẫn đến vấn đề gì nghiêm trọng nhất về mặt trải nghiệm người dùng?

    • A. Trang chủ sẽ hiển thị quá nhiều nội dung.
    • B. Các liên kết sẽ tự động chuyển hướng sai.
    • C. Người dùng sẽ khó khăn hoặc không thể tìm thấy thông tin hoặc các phần khác của website.
    • D. Website sẽ không hiển thị được hình ảnh.

    Câu 28: Khi lên kế hoạch xây dựng một website mới, công việc nào liên quan đến cấu trúc và điều hướng cần được thực hiện ở giai đoạn đầu?

    • A. Xác định các trang chính và phụ, mối quan hệ giữa chúng để xây dựng sơ đồ cấu trúc (site map).
    • B. Viết toàn bộ nội dung cho tất cả các trang.
    • C. Thiết kế đồ họa chi tiết cho từng trang.
    • D. Mua tên miền và hosting.

    Câu 29: Một website có cấu trúc hình cây phức tạp với nhiều cấp độ. Thanh điều hướng chính (main navigation) thường chỉ nên hiển thị các mục ở cấp độ nào để giữ cho nó gọn gàng và dễ sử dụng?

    • A. Tất cả các trang, ở mọi cấp độ.
    • B. Các mục chính ở cấp độ cao (ví dụ: cấp 1 hoặc 2), sử dụng menu con (dropdown) hoặc các phương tiện khác để truy cập cấp sâu hơn.
    • C. Chỉ các trang có ít nội dung nhất.
    • D. Các trang được truy cập ít nhất.

    Câu 30: Bên cạnh thanh điều hướng chính, một số website sử dụng thêm thanh điều hướng phụ (secondary navigation) hoặc liên kết ở chân trang (footer links). Mục đích của các thành phần này là gì?

    • A. Chỉ để lặp lại các liên kết đã có trên thanh điều hướng chính.
    • B. Hiển thị quảng cáo bắt buộc.
    • C. Làm cho trang web dài hơn.
    • D. Cung cấp các liên kết bổ sung (ví dụ: chính sách bảo mật, điều khoản sử dụng, các trang ít truy cập hơn, bản đồ website) mà không làm quá tải thanh điều hướng chính.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 1: Khi xây dựng một website có cấu trúc hình cây với nhiều cấp độ, vai trò chính của trang chủ (trang gốc) là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 2: Bạn đang thiết kế một website tin tức. Để người đọc dễ dàng xem tiếp toàn bộ nội dung của một bài báo khi họ chỉ đọc đoạn giới thiệu trên trang chủ, bạn nên sử dụng loại liên kết nào?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 3: Thanh điều hướng (navigation bar) trên website đóng vai trò quan trọng nhất trong việc hỗ trợ người dùng thực hiện hành động nào?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 4: Một website bán hàng trực tuyến có số lượng sản phẩm rất lớn, được chia thành nhiều danh mục và danh mục con. Cấu trúc hình cây giúp ích gì cho việc tổ chức và điều hướng trên website này?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 5: Khi tạo một liên kết đến một website *bên ngoài*, tại sao nên thiết lập liên kết đó mở trong một tab hoặc cửa sổ trình duyệt mới?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 6: Trên một website du lịch, thanh điều hướng có các mục như 'Điểm đến', 'Tour', 'Khách sạn', 'Blog', 'Liên hệ'. Đây là ví dụ về chức năng chính nào của thanh điều hướng?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 7: Nếu một website có cấu trúc quá phẳng (ít cấp độ, mọi thứ đều nằm gần trang chủ) nhưng lại chứa lượng thông tin khổng lồ, điều gì có khả năng xảy ra với trải nghiệm người dùng?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 8: Trong ngữ cảnh website, cụm từ 'liên kết neo' (anchor link) thường được sử dụng để làm gì?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 9: Khi thiết kế thanh điều hướng cho website, nguyên tắc nào sau đây là quan trọng nhất để đảm bảo tính dễ sử dụng?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 10: Tại sao việc sử dụng văn bản rõ ràng, mô tả (ví dụ: 'Giới thiệu về chúng tôi', 'Sản phẩm', 'Liên hệ') cho các mục trên thanh điều hướng lại tốt hơn việc chỉ sử dụng các biểu tượng không có chú thích?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 11: Trong cấu trúc hình cây của website, một trang con có thể có những 'con' của nó không? Nếu có, điều này tạo nên điều gì?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 12: Một 'liên kết hỏng' (broken link) trên website có thể gây ra những hậu quả tiêu cực nào?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 13: Bạn đang xây dựng website giới thiệu một dự án nghiên cứu. Trên trang chủ, bạn muốn có một phần 'Các ấn phẩm liên quan' liệt kê các bài báo và báo cáo. Các mục trong phần này nên là loại liên kết nào?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 14: Thanh điều hướng dạng 'breadcrumb' (ví dụ: Trang chủ > Sản phẩm > Điện thoại > iPhone) thường được sử dụng ở đâu trên website và có mục đích gì?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 15: Việc sử dụng quá nhiều liên kết dày đặc trên một trang web, đặc biệt là trên trang chủ, có thể gây ra vấn đề gì cho người dùng?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 16: Theo cấu trúc hình cây, mối quan hệ giữa trang chủ và các trang con trực tiếp của nó là gì?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 17: Tại sao việc kiểm tra và cập nhật các liên kết định kỳ lại là một công việc quan trọng trong quản lý website?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 18: Một thanh điều hướng dạng 'hamburger menu' (biểu tượng ba gạch ngang) thường được sử dụng phổ biến trên các thiết bị nào và tại sao?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 19: Khi thiết kế thanh điều hướng cho một website dành cho trẻ em, yếu tố nào sau đây nên được ưu tiên?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 20: Cụm từ 'Đọc thêm' hoặc 'Xem chi tiết' dưới một đoạn giới thiệu nội dung trên trang web có ý nghĩa gì đối với người dùng?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 21: Lợi ích chính của việc tổ chức nội dung website thành các trang con độc lập và liên kết từ trang chủ, thay vì dồn hết lên một trang duy nhất, là gì?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 22: Trong cấu trúc hình cây, nếu bạn đang ở một trang con ở cấp độ sâu (ví dụ: Trang chủ -> Sản phẩm -> Điện thoại -> iPhone 15), làm thế nào để dễ dàng quay lại trang 'Sản phẩm'?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 23: Tại sao việc đặt thanh điều hướng ở vị trí dễ thấy và nhất quán (ví dụ: trên cùng hoặc bên trái) trên mọi trang lại quan trọng cho trải nghiệm người dùng?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 24: Liên kết nội bộ (internal links) giữa các trang con (không phải qua trang chủ hoặc thanh điều hướng) có thể mang lại lợi ích gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 25: Khi nào thì cấu trúc website dạng tuyến tính (linear structure - trang A dẫn đến trang B, trang B dẫn đến trang C...) có thể phù hợp?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 26: Việc sử dụng màu sắc, gạch chân hoặc kiểu chữ khác biệt cho văn bản là liên kết có mục đích gì?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 27: Một website thiếu thanh điều hướng hoặc thanh điều hướng được thiết kế tồi sẽ dẫn đến vấn đề gì nghiêm trọng nhất về mặt trải nghiệm người dùng?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 28: Khi lên kế hoạch xây dựng một website mới, công việc nào liên quan đến cấu trúc và điều hướng cần được thực hiện ở giai đoạn đầu?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 29: Một website có cấu trúc hình cây phức tạp với nhiều cấp độ. Thanh điều hướng chính (main navigation) thường chỉ nên hiển thị các mục ở cấp độ nào để giữ cho nó gọn gàng và dễ sử dụng?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 3

    Câu 30: Bên cạnh thanh điều hướng chính, một số website sử dụng thêm thanh điều hướng phụ (secondary navigation) hoặc liên kết ở chân trang (footer links). Mục đích của các thành phần này là gì?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 04

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 04 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong thiết kế trang web, việc sử dụng liên kết (hyperlink) có mục đích chính là gì?

    • A. Để trang trí cho văn bản thêm màu sắc.
    • B. Để nhúng âm thanh hoặc video vào trang.
    • C. Để kết nối các trang web hoặc các phần khác nhau của cùng một trang.
    • D. Để hiển thị hình ảnh động trên trang.

    Câu 2: Thanh điều hướng (navigation bar) trên một website đóng vai trò quan trọng nhất trong việc gì?

    • A. Hiển thị nội dung chính của trang hiện tại.
    • B. Cho phép người dùng gửi phản hồi trực tiếp.
    • C. Tự động cập nhật thông tin mới nhất từ internet.
    • D. Giúp người dùng dễ dàng di chuyển và khám phá các phần khác của website.

    Câu 3: Một website được tổ chức theo cấu trúc hình cây (hierarchical structure). Trang nào sau đây thường được xem là "gốc" của cấu trúc này?

    • A. Trang chủ (Homepage).
    • B. Trang liên hệ (Contact page).
    • C. Trang bản đồ website (Sitemap).
    • D. Trang lỗi 404 (Page not found).

    Câu 4: Bạn đang thiết kế một website tin tức. Để một bài viết dài không chiếm hết không gian trên trang danh mục, bạn nên sử dụng loại liên kết nào ở cuối đoạn tóm tắt?

    • A. Liên kết về trang chủ.
    • B. Liên kết "Đọc tiếp" đến trang chi tiết của bài viết.
    • C. Liên kết đến một website tin tức khác.
    • D. Liên kết tải về tài liệu.

    Câu 5: Khi thiết kế thanh điều hướng cho một website có nhiều cấp độ trang con, việc nào sau đây là quan trọng nhất để đảm bảo tính dễ sử dụng?

    • A. Sử dụng màu sắc rực rỡ cho các liên kết.
    • B. Đặt thanh điều hướng ở cuối mỗi trang.
    • C. Giữ cho cấu trúc thanh điều hướng nhất quán trên các trang khác nhau.
    • D. Thay đổi thứ tự các liên kết trên mỗi trang.

    Câu 6: Liên kết nội bộ (internal link) là gì?

    • A. Liên kết từ một trang trên website của bạn đến một trang khác cũng trên website đó.
    • B. Liên kết từ website của bạn đến một website khác.
    • C. Liên kết chỉ hoạt động khi có kết nối internet.
    • D. Liên kết chỉ được nhìn thấy bởi quản trị viên website.

    Câu 7: Liên kết neo (anchor link) được sử dụng để làm gì?

    • A. Mở một cửa sổ pop-up mới.
    • B. Tải xuống một tập tin.
    • C. Gửi email đến một địa chỉ cụ thể.
    • D. Di chuyển đến một vị trí cụ thể (một phần) trên cùng một trang web.

    Câu 8: Bạn muốn tạo một liên kết đến trang web của Bộ Giáo dục và Đào tạo. Đây là loại liên kết nào?

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

    Câu 9: Khi người dùng nhấp vào một liên kết ngoài, hành vi mặc định thường là mở trang đích ở cửa sổ/tab hiện tại. Để liên kết đó mở ở cửa sổ/tab mới, bạn cần làm gì?

    • A. Thay đổi màu sắc của liên kết.
    • B. Sử dụng phông chữ in đậm cho liên kết.
    • C. Cấu hình thuộc tính của liên kết để mở trong tab mới.
    • D. Đặt liên kết ở cuối trang.

    Câu 10: Trong cấu trúc hình cây của website, trang con là gì?

    • A. Luôn là trang đầu tiên người dùng truy cập.
    • B. Là trang duy nhất không chứa liên kết nào.
    • C. Là trang được tạo ra tự động bởi hệ thống.
    • D. Là các trang được liên kết từ trang chủ hoặc các trang cấp cao hơn.

    Câu 11: Tại sao việc đặt tên rõ ràng và dễ hiểu cho các liên kết trên thanh điều hướng lại quan trọng?

    • A. Giúp người dùng dễ dàng dự đoán nội dung của trang đích và điều hướng hiệu quả.
    • B. Làm cho website tải nhanh hơn.
    • C. Tăng số lượng liên kết trên trang.
    • D. Giảm bớt dung lượng lưu trữ của website.

    Câu 12: Một website có cấu trúc phẳng (flat structure) nghĩa là gì?

    • A. Các trang chỉ chứa văn bản thuần túy.
    • B. Tất cả các trang đều có cùng một bố cục.
    • C. Hầu hết các trang con đều được liên kết trực tiếp từ trang chủ, có ít hoặc không có cấp độ phân cấp sâu.
    • D. Website chỉ có duy nhất một trang.

    Câu 13: Khi thiết kế thanh điều hướng chính, vị trí nào trên trang web thường được coi là tốt nhất và quen thuộc nhất với người dùng?

    • A. Cuối trang (footer).
    • B. Đầu trang (header), thường là ở phía trên cùng.
    • C. Giữa nội dung chính của trang.
    • D. Chỉ xuất hiện khi người dùng cuộn trang xuống dưới.

    Câu 14: Bạn có một trang web giới thiệu sản phẩm rất dài. Bạn muốn người dùng có thể nhanh chóng quay lại đầu trang sau khi đọc xong một phần. Bạn nên sử dụng loại liên kết nào?

    • A. Liên kết đến trang chủ.
    • B. Liên kết đến một website khác.
    • C. Liên kết tải xuống.
    • D. Liên kết neo (anchor link) trỏ về đầu trang.

    Câu 15: Tại sao việc đảm bảo tất cả các liên kết trên website đều hoạt động (không bị hỏng) lại quan trọng đối với trải nghiệm người dùng?

    • A. Liên kết hỏng gây khó chịu, làm gián đoạn quá trình điều hướng và khiến người dùng mất niềm tin vào website.
    • B. Liên kết hỏng làm tăng tốc độ tải trang.
    • C. Liên kết hỏng giúp website được xếp hạng cao hơn trên các công cụ tìm kiếm.
    • D. Liên kết hỏng chỉ ảnh hưởng đến giao diện, không ảnh hưởng đến chức năng.

    Câu 16: Bạn đang xây dựng một website cho một cửa hàng sách trực tuyến. Thanh điều hướng chính nên bao gồm các liên kết đến những mục nào để giúp người dùng tìm kiếm sản phẩm hiệu quả nhất?

    • A. Chỉ liên kết đến trang chủ.
    • B. Liên kết đến các trang mạng xã hội bên ngoài.
    • C. Các danh mục sách chính (ví dụ: Tiểu thuyết, Khoa học, Lịch sử, Sách thiếu nhi).
    • D. Liên kết đến trang giới thiệu về người sáng lập cửa hàng.

    Câu 17: Phân tích vai trò của liên kết trong việc tạo ra luồng thông tin (information flow) trên website.

    • A. Liên kết chỉ đơn thuần là các điểm nhấn về mặt hình ảnh.
    • B. Liên kết định hướng người dùng từ nội dung này sang nội dung khác, tạo ra một hành trình khám phá thông tin trên website.
    • C. Liên kết chỉ dùng để tải các tập tin.
    • D. Liên kết làm cho trang web trở nên tĩnh và khó tương tác hơn.

    Câu 18: Một website có thanh điều hướng chính ở đầu trang và một thanh điều hướng phụ ở cột bên trái. Mục đích của thanh điều hướng phụ này có thể là gì?

    • A. Để hiển thị quảng cáo.
    • B. Để lặp lại hoàn toàn các liên kết trên thanh điều hướng chính.
    • C. Để chứa các liên kết đến website khác hoàn toàn không liên quan.
    • D. Để cung cấp các liên kết chi tiết hơn cho mục đang xem hoặc các liên kết liên quan trong cùng một phần.

    Câu 19: Tại sao việc duy trì sự nhất quán về vị trí và giao diện của thanh điều hướng trên toàn bộ website lại quan trọng?

    • A. Giúp người dùng dễ dàng tìm thấy và sử dụng thanh điều hướng trên mọi trang mà không cần phải học lại cách điều hướng.
    • B. Làm cho website trông phức tạp hơn.
    • C. Tăng dung lượng tải của trang.
    • D. Chỉ cần thiết cho các website thương mại điện tử.

    Câu 20: Bạn đang xây dựng một trang "Về chúng tôi". Bạn muốn liên kết từ một đoạn văn bản nói về lịch sử công ty đến một trang "Lịch sử phát triển" chi tiết hơn. Đây là ví dụ về việc sử dụng liên kết như thế nào?

    • A. Sử dụng liên kết neo.
    • B. Sử dụng liên kết nội bộ trong văn bản để cung cấp thông tin bổ sung liên quan.
    • C. Sử dụng liên kết ngoài.
    • D. Sử dụng liên kết chỉ để tải hình ảnh.

    Câu 21: Phân tích lý do các website lớn thường có cả thanh điều hướng chính (ví dụ: ở đầu trang) và thanh điều hướng ở chân trang (footer navigation).

    • A. Thanh điều hướng chân trang chỉ dùng để hiển thị logo.
    • B. Thanh điều hướng chân trang lặp lại chính xác tất cả các liên kết ở đầu trang để người dùng không phải cuộn lên.
    • C. Thanh điều hướng chân trang thường chứa các liên kết phụ trợ quan trọng như Chính sách bảo mật, Điều khoản dịch vụ, Thông tin liên hệ, Bản đồ website, mà không làm quá tải thanh điều hướng chính.
    • D. Thanh điều hướng chân trang chỉ dành cho người dùng đã đăng nhập.

    Câu 22: Giả sử bạn có một trang web bán hàng. Bạn có các danh mục chính như "Thời trang", "Điện tử", "Gia dụng". Mỗi danh mục lại có các danh mục con. Cấu trúc điều hướng nào sau đây là phù hợp nhất?

    • A. Chỉ có một liên kết duy nhất đến trang chủ.
    • B. Một danh sách rất dài tất cả các sản phẩm trên thanh điều hướng chính.
    • C. Chỉ liên kết đến các website bán hàng khác.
    • D. Thanh điều hướng chính với các liên kết đến danh mục chính, và sử dụng menu thả xuống hoặc trang danh mục phụ để truy cập danh mục con.

    Câu 23: Lợi ích của việc tổ chức nội dung website thành nhiều trang nhỏ liên kết với nhau thay vì một trang duy nhất rất dài là gì?

    • A. Cải thiện tốc độ tải trang, giúp người dùng dễ đọc hơn, và dễ quản lý nội dung hơn.
    • B. Làm cho website trông phức tạp hơn.
    • C. Giảm khả năng tìm kiếm của website trên Google.
    • D. Chỉ có lợi ích về mặt thẩm mỹ.

    Câu 24: Khi thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icons) kết hợp với văn bản trên các liên kết có thể mang lại lợi ích gì?

    • A. Làm cho thanh điều hướng trở nên rối mắt.
    • B. Chỉ có tác dụng trang trí, không có giá trị chức năng.
    • C. Giúp người dùng nhận diện nhanh chóng ý nghĩa của liên kết, đặc biệt hữu ích trên thiết bị di động hoặc với người dùng có rào cản ngôn ngữ.
    • D. Chỉ áp dụng cho các website công nghệ.

    Câu 25: Website của bạn có một mục "Dịch vụ" với nhiều loại dịch vụ khác nhau (Tư vấn, Thiết kế, Phát triển). Bạn muốn tạo một trang tổng quan về Dịch vụ và từ đó liên kết đến trang chi tiết của từng loại dịch vụ. Mô hình này thể hiện cấu trúc website nào?

    • A. Cấu trúc phẳng.
    • B. Cấu trúc hình cây (hierarchical) với trang "Dịch vụ" là trang mẹ và các trang dịch vụ cụ thể là trang con.
    • C. Cấu trúc hình tròn.
    • D. Chỉ là một tập hợp các trang độc lập không liên quan.

    Câu 26: Một website sử dụng menu "mega" (mega menu) trên thanh điều hướng chính. Phân tích lý do cho việc sử dụng loại menu này.

    • A. Để hiển thị và tổ chức một số lượng lớn các liên kết hoặc danh mục con ngay từ thanh điều hướng chính, giúp người dùng truy cập nhanh hơn mà không cần qua nhiều bước.
    • B. Làm cho thanh điều hướng đơn giản hơn.
    • C. Chỉ dùng để hiển thị hình ảnh sản phẩm.
    • D. Giới hạn số lượng trang con có thể truy cập.

    Câu 27: Bạn nhận thấy người dùng thường thoát khỏi website của bạn ngay sau khi truy cập trang chủ. Vấn đề này có thể liên quan đến thanh điều hướng như thế nào?

    • A. Thanh điều hướng quá đơn giản.
    • B. Thanh điều hướng có quá ít liên kết.
    • C. Thanh điều hướng không rõ ràng, khó tìm thấy hoặc không cung cấp các liên kết hấp dẫn/liên quan đến nội dung người dùng mong muốn.
    • D. Thanh điều hướng chứa quá nhiều hình ảnh.

    Câu 28: Một liên kết chỉ bao gồm một hình ảnh (image link). Điều gì cần lưu ý khi sử dụng loại liên kết này để đảm bảo tính tiếp cận (accessibility)?

    • A. Hình ảnh phải có kích thước rất lớn.
    • B. Không cần bất kỳ văn bản bổ sung nào.
    • C. Chỉ sử dụng hình ảnh màu đen trắng.
    • D. Cung cấp văn bản thay thế (alt text) mô tả rõ ràng chức năng hoặc đích đến của liên kết cho người dùng không thể xem hình ảnh.

    Câu 29: Trong ngữ cảnh website, "Breadcrumbs" (đường dẫn) là gì và có chức năng gì liên quan đến điều hướng?

    • A. Là một chuỗi các liên kết hiển thị vị trí hiện tại của người dùng trong cấu trúc phân cấp của website, giúp họ dễ dàng quay lại các trang cấp cao hơn.
    • B. Là một loại liên kết chỉ dẫn đến trang web của bên thứ ba.
    • C. Là một thanh công cụ tìm kiếm nâng cao.
    • D. Là danh sách các trang được truy cập gần đây nhất.

    Câu 30: Tại sao việc kiểm tra và tối ưu hóa thanh điều hướng trên các kích thước màn hình khác nhau (máy tính, máy tính bảng, điện thoại) lại quan trọng?

    • A. Để làm cho website trông khác biệt trên mỗi thiết bị.
    • B. Để đảm bảo người dùng có thể dễ dàng sử dụng và tương tác với thanh điều hướng bất kể thiết bị họ đang dùng.
    • C. Chỉ cần tối ưu hóa cho màn hình máy tính là đủ.
    • D. Việc này không ảnh hưởng đến trải nghiệm người dùng.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 1: Trong thiết kế trang web, việc sử dụng liên kết (hyperlink) có mục đích chính là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 2: Thanh điều hướng (navigation bar) trên một website đóng vai trò quan trọng nhất trong việc gì?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 3: Một website được tổ chức theo cấu trúc hình cây (hierarchical structure). Trang nào sau đây thường được xem là 'gốc' của cấu trúc này?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 4: Bạn đang thiết kế một website tin tức. Để một bài viết dài không chiếm hết không gian trên trang danh mục, bạn nên sử dụng loại liên kết nào ở cuối đoạn tóm tắt?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 5: Khi thiết kế thanh điều hướng cho một website có nhiều cấp độ trang con, việc nào sau đây là quan trọng nhất để đảm bảo tính dễ sử dụng?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 6: Liên kết nội bộ (internal link) là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 7: Liên kết neo (anchor link) được sử dụng để làm gì?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 8: Bạn muốn tạo một liên kết đến trang web của Bộ Giáo dục và Đào tạo. Đây là loại liên kết nào?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 9: Khi người dùng nhấp vào một liên kết ngoài, hành vi mặc định thường là mở trang đích ở cửa sổ/tab hiện tại. Để liên kết đó mở ở cửa sổ/tab mới, bạn cần làm gì?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 10: Trong cấu trúc hình cây của website, trang con là gì?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 11: Tại sao việc đặt tên rõ ràng và dễ hiểu cho các liên kết trên thanh điều hướng lại quan trọng?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 12: Một website có cấu trúc phẳng (flat structure) nghĩa là gì?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 13: Khi thiết kế thanh điều hướng chính, vị trí nào trên trang web thường được coi là tốt nhất và quen thuộc nhất với người dùng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 14: Bạn có một trang web giới thiệu sản phẩm rất dài. Bạn muốn người dùng có thể nhanh chóng quay lại đầu trang sau khi đọc xong một phần. Bạn nên sử dụng loại liên kết nào?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 15: Tại sao việc đảm bảo tất cả các liên kết trên website đều hoạt động (không bị hỏng) lại quan trọng đối với trải nghiệm người dùng?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 16: Bạn đang xây dựng một website cho một cửa hàng sách trực tuyến. Thanh điều hướng chính nên bao gồm các liên kết đến những mục nào để giúp người dùng tìm kiếm sản phẩm hiệu quả nhất?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 17: Phân tích vai trò của liên kết trong việc tạo ra luồng thông tin (information flow) trên website.

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 18: Một website có thanh điều hướng chính ở đầu trang và một thanh điều hướng phụ ở cột bên trái. Mục đích của thanh điều hướng phụ này có thể là gì?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 19: Tại sao việc duy trì sự nhất quán về vị trí và giao diện của thanh điều hướng trên toàn bộ website lại quan trọng?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 20: Bạn đang xây dựng một trang 'Về chúng tôi'. Bạn muốn liên kết từ một đoạn văn bản nói về lịch sử công ty đến một trang 'Lịch sử phát triển' chi tiết hơn. Đây là ví dụ về việc sử dụng liên kết như thế nào?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 21: Phân tích lý do các website lớn thường có cả thanh điều hướng chính (ví dụ: ở đầu trang) và thanh điều hướng ở chân trang (footer navigation).

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 22: Giả sử bạn có một trang web bán hàng. Bạn có các danh mục chính như 'Thời trang', 'Điện tử', 'Gia dụng'. Mỗi danh mục lại có các danh mục con. Cấu trúc điều hướng nào sau đây là phù hợp nhất?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 23: Lợi ích của việc tổ chức nội dung website thành nhiều trang nhỏ liên kết với nhau thay vì một trang duy nhất rất dài là gì?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 24: Khi thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icons) kết hợp với văn bản trên các liên kết có thể mang lại lợi ích gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 25: Website của bạn có một mục 'Dịch vụ' với nhiều loại dịch vụ khác nhau (Tư vấn, Thiết kế, Phát triển). Bạn muốn tạo một trang tổng quan về Dịch vụ và từ đó liên kết đến trang chi tiết của từng loại dịch vụ. Mô hình này thể hiện cấu trúc website nào?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 26: Một website sử dụng menu 'mega' (mega menu) trên thanh điều hướng chính. Phân tích lý do cho việc sử dụng loại menu này.

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 27: Bạn nhận thấy người dùng thường thoát khỏi website của bạn ngay sau khi truy cập trang chủ. Vấn đề này có thể liên quan đến thanh điều hướng như thế nào?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 28: Một liên kết chỉ bao gồm một hình ảnh (image link). Điều gì cần lưu ý khi sử dụng loại liên kết này để đảm bảo tính tiếp cận (accessibility)?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 29: Trong ngữ cảnh website, 'Breadcrumbs' (đường dẫn) là gì và có chức năng gì liên quan đến điều hướng?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 4

    Câu 30: Tại sao việc kiểm tra và tối ưu hóa thanh điều hướng trên các kích thước màn hình khác nhau (máy tính, máy tính bảng, điện thoại) lại quan trọng?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Công nghệ 10 Kết nối tri thức Bài 8: Sử dụng và bảo quản phân bón

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 05

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 05 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Một website tổ chức nội dung theo cấu trúc hình cây. Điều này mang lại lợi ích chính nào cho người dùng?

    • A. Giảm dung lượng lưu trữ của website.
    • B. Tăng tốc độ tải trang cho mọi nội dung.
    • C. Giúp người dùng dễ dàng hình dung cấu trúc website và điều hướng.
    • D. Tự động cập nhật nội dung mới nhất.

    Câu 2: Khi thiết kế một trang web giới thiệu sản phẩm có nội dung rất dài, phương pháp nào hiệu quả nhất để trình bày thông tin mà không làm trang web trở nên quá tải và khó đọc?

    • A. Giảm bớt nội dung, chỉ giữ lại những ý chính.
    • B. Chia nội dung thành các phần nhỏ trên các trang độc lập và sử dụng liên kết "Đọc tiếp" hoặc liên kết chi tiết.
    • C. Sử dụng phông chữ nhỏ hơn và khoảng cách dòng hẹp hơn để tiết kiệm không gian.
    • D. Hiển thị toàn bộ nội dung trên một trang duy nhất nhưng thêm nhiều hình ảnh minh họa.

    Câu 3: Thanh điều hướng (navigation bar) trên một website có vai trò quan trọng nhất là gì?

    • A. Hiển thị các banner quảng cáo.
    • B. Cung cấp thông tin liên hệ của quản trị website.
    • C. Trang trí cho giao diện website thêm bắt mắt.
    • D. Giúp người dùng truy cập nhanh chóng đến các trang hoặc các phần chính khác của website.

    Câu 4: Trong cấu trúc hình cây của website, "trang con" là gì?

    • A. Luôn là trang đầu tiên người dùng truy cập khi vào website.
    • B. Một trang web không có bất kỳ liên kết nào đến các trang khác.
    • C. Các trang được liên kết từ trang chủ hoặc các trang khác ở cấp cao hơn trong cấu trúc.
    • D. Chỉ là một phần nhỏ của nội dung được nhúng vào trang chủ.

    Câu 5: Một liên kết dẫn người dùng từ trang "Giới thiệu" đến trang "Sản phẩm" trong cùng một website được gọi là loại liên kết nào?

    • A. Liên kết nội bộ (Internal link).
    • B. Liên kết ngoài (External link).
    • C. Liên kết neo (Anchor link).
    • D. Liên kết hỏng (Broken link).

    Câu 6: Cụm từ "Xem chi tiết" hoặc "Đọc thêm" thường được sử dụng ở cuối phần tóm tắt nội dung. Mục đích chính của việc sử dụng liên kết với cụm từ này là gì?

    • A. Kết thúc bài viết và không cho người dùng xem thêm.
    • B. Yêu cầu người dùng đăng nhập để xem nội dung.
    • C. Chuyển hướng người dùng đến một website khác hoàn toàn.
    • D. Cung cấp đường dẫn đến trang chứa nội dung đầy đủ và chi tiết hơn.

    Câu 7: Khi thiết kế thanh điều hướng, việc đặt các mục menu theo một trình tự logic và dễ đoán có ý nghĩa gì đối với trải nghiệm người dùng (UX)?

    • A. Giúp người dùng nhanh chóng tìm thấy thông tin họ cần mà không mất nhiều thời gian suy đoán.
    • B. Làm cho website trông chuyên nghiệp và đẹp mắt hơn.
    • C. Tăng số lượng lượt xem quảng cáo trên website.
    • D. Giảm thiểu khả năng website bị tấn công bảo mật.

    Câu 8: Một liên kết dẫn từ website của bạn sang một website khác (ví dụ: liên kết đến nguồn tham khảo hoặc trang đối tác) được gọi là loại liên kết nào?

    • A. Liên kết nội bộ (Internal link).
    • B. Liên kết ngoài (External link).
    • C. Liên kết neo (Anchor link).
    • D. Liên kết hỏng (Broken link).

    Câu 9: Tại sao việc sử dụng liên kết neo (anchor link) để nhảy đến một phần cụ thể trên cùng một trang lại hữu ích, đặc biệt với các trang có nội dung dài?

    • A. Nó tạo ra một trang web mới với nội dung rút gọn.
    • B. Nó buộc người dùng phải đọc toàn bộ nội dung từ đầu.
    • C. Nó giúp người dùng nhanh chóng di chuyển đến phần thông tin họ quan tâm mà không cần cuộn chuột nhiều.
    • D. Nó chỉ hoạt động khi có kết nối internet yếu.

    Câu 10: Khi xây dựng thanh điều hướng cho một website có nhiều cấp độ trang con (ví dụ: Trang chủ -> Sản phẩm -> Danh mục A -> Sản phẩm chi tiết X), kỹ thuật hiển thị nào thường được sử dụng để giúp người dùng biết họ đang ở đâu trong cấu trúc website?

    • A. Sử dụng "đường dẫn bánh mì" (breadcrumb trail).
    • B. Hiển thị toàn bộ sơ đồ website trên mỗi trang.
    • C. Chỉ hiển thị tên trang hiện tại.
    • D. Sử dụng màu sắc ngẫu nhiên cho mỗi cấp độ trang.

    Câu 11: Một liên kết bị hỏng (broken link) là gì và tác động tiêu cực chính của nó đến trải nghiệm người dùng là gì?

    • A. Là liên kết dẫn đến một trang web khác.
    • B. Là liên kết chỉ hoạt động trên một số trình duyệt nhất định.
    • C. Là liên kết yêu cầu người dùng đăng nhập để truy cập.
    • D. Là liên kết không dẫn đến đích mong muốn (trang không tồn tại hoặc đã bị di chuyển), gây khó chịu và mất phương hướng cho người dùng.

    Câu 12: Để thanh điều hướng trên website dễ sử dụng và hiệu quả, yếu tố nào sau đây là quan trọng nhất cần xem xét?

    • A. Sử dụng nhiều màu sắc và hiệu ứng động bắt mắt.
    • B. Đặt ở vị trí dễ thấy, nhất quán trên tất cả các trang và sử dụng nhãn (label) rõ ràng, ngắn gọn cho các mục menu.
    • C. Chỉ hiển thị thanh điều hướng trên trang chủ.
    • D. Ẩn thanh điều hướng và chỉ cho phép hiển thị khi người dùng yêu cầu.

    Câu 13: Việc sử dụng hình ảnh làm liên kết (ví dụ: nhấp vào logo để về trang chủ) cần lưu ý điều gì để đảm bảo tính tiện dụng?

    • A. Hình ảnh cần có thuộc tính "alt" mô tả rõ ràng đích đến của liên kết, hỗ trợ người dùng khuyết tật và công cụ tìm kiếm.
    • B. Hình ảnh phải có kích thước rất lớn để dễ nhấp.
    • C. Không cần thêm bất kỳ mô tả nào vì hình ảnh đã nói lên tất cả.
    • D. Chỉ sử dụng hình ảnh làm liên kết cho các trang bên ngoài website.

    Câu 14: Trong ngữ cảnh thiết kế website, "menu xổ xuống" (dropdown menu) trong thanh điều hướng được sử dụng với mục đích gì?

    • A. Che giấu các mục điều hướng quan trọng.
    • B. Buộc người dùng phải nhấp nhiều lần để tìm thông tin.
    • C. Giúp tổ chức và hiển thị nhiều liên kết con mà không chiếm quá nhiều không gian trên thanh điều hướng chính.
    • D. Chỉ dùng để hiển thị hình ảnh và video.

    Câu 15: Tại sao việc nhất quán vị trí và giao diện của thanh điều hướng trên tất cả các trang trong cùng một website lại quan trọng?

    • A. Để website tải nhanh hơn.
    • B. Để làm cho mỗi trang có một bố cục độc đáo.
    • C. Để hiển thị nhiều quảng cáo hơn.
    • D. Giúp người dùng dễ dàng định vị và sử dụng thanh điều hướng trên bất kỳ trang nào họ truy cập, tạo cảm giác quen thuộc và tin cậy.

    Câu 16: Giả sử bạn đang xây dựng website cho một thư viện sách trực tuyến. Mục nào sau đây nên được đặt ở vị trí nổi bật nhất trên thanh điều hướng chính?

    • A. Thông tin về người sáng lập thư viện.
    • B. Danh mục sách (hoặc Tìm kiếm sách).
    • C. Lịch sử phát triển của thư viện.
    • D. Chính sách bảo mật.

    Câu 17: Khi người dùng nhấp vào một liên kết, hành vi mặc định thường là trang đích sẽ mở ở đâu? Nếu muốn mở ở một cửa sổ hoặc tab mới, cần sử dụng thuộc tính nào?

    • A. Mở trong cửa sổ/tab hiện tại. Thuộc tính: `target=
    • B. Mở trong cửa sổ/tab mới. Thuộc tính: `target=
    • C. Mở trong cửa sổ/tab hiện tại. Thuộc tính: `href=
    • D. Mở trong cửa sổ/tab mới. Thuộc tính: `link=

    Câu 18: Việc sử dụng quá nhiều liên kết trên một trang web có thể gây ra vấn đề gì cho người dùng?

    • A. Làm tăng tốc độ tải trang.
    • B. Giúp người dùng dễ dàng tìm thấy mọi thứ ngay trên một trang.
    • C. Gây rối mắt, làm người dùng khó tập trung vào nội dung chính và bối rối khi đưa ra quyết định.
    • D. Cải thiện thứ hạng website trên công cụ tìm kiếm một cách tự động.

    Câu 19: Điều gì xảy ra khi người dùng cố gắng truy cập một liên kết nội bộ trên website của bạn nhưng trang đích đã bị xóa hoặc đổi tên?

    • A. Trình duyệt sẽ tự động tìm trang thay thế.
    • B. Họ sẽ nhận được thông báo lỗi, thường là lỗi "404 Not Found".
    • C. Họ sẽ được chuyển hướng về trang chủ.
    • D. Liên kết sẽ tự động biến mất khỏi trang hiện tại.

    Câu 20: Khi thiết kế thanh điều hướng cho phiên bản di động của website, thách thức chính thường là gì so với phiên bản máy tính?

    • A. Không gian màn hình hạn chế, cần tìm cách hiển thị nhiều mục menu một cách gọn gàng (ví dụ: menu "hamburger").
    • B. Tốc độ internet trên di động luôn nhanh hơn máy tính.
    • C. Người dùng di động không cần thanh điều hướng.
    • D. Liên kết trên di động không hoạt động giống như trên máy tính.

    Câu 21: Trong việc tổ chức cấu trúc website hình cây, "độ sâu" của cây (số cấp độ trang con) có thể ảnh hưởng như thế nào đến trải nghiệm người dùng?

    • A. Độ sâu càng lớn thì người dùng càng dễ tìm thông tin.
    • B. Độ sâu không ảnh hưởng gì đến trải nghiệm người dùng.
    • C. Độ sâu quá lớn (quá nhiều cấp độ) có thể khiến người dùng khó định vị và cảm thấy "lạc" trong website.
    • D. Độ sâu chỉ ảnh hưởng đến tốc độ tải trang.

    Câu 22: Liên kết văn bản (text link) thường có đặc điểm nhận dạng trực quan nào để người dùng phân biệt với văn bản thông thường?

    • A. Luôn được in đậm và căn giữa.
    • B. Thường có màu khác với văn bản thông thường và/hoặc có gạch chân.
    • C. Luôn có kích thước phông chữ lớn hơn văn bản thông thường.
    • D. Chỉ xuất hiện ở cuối trang web.

    Câu 23: Giả sử bạn có một mục trên thanh điều hướng là "Dịch vụ". Khi nhấp vào đó, một menu xổ xuống hiện ra với các mục "Tư vấn", "Thiết kế", "Bảo trì". Cấu trúc này thể hiện điều gì trong tổ chức nội dung website?

    • A. "Tư vấn", "Thiết kế", "Bảo trì" là các trang con hoặc phần con của trang "Dịch vụ".
    • B. "Dịch vụ" là một liên kết ngoài.
    • C. Đây là một ví dụ về liên kết hỏng.
    • D. Các mục trong menu xổ xuống không liên quan đến mục chính "Dịch vụ".

    Câu 24: Lợi ích của việc sử dụng "đường dẫn bánh mì" (breadcrumb trail) trên các trang con là gì?

    • A. Làm tăng độ phức tạp của website.
    • B. Chiếm nhiều không gian trên màn hình.
    • C. Chỉ có tác dụng trang trí.
    • D. Giúp người dùng biết vị trí hiện tại của họ trong cấu trúc phân cấp của website và dễ dàng quay trở lại các trang cấp cao hơn.

    Câu 25: Điều gì có thể xảy ra nếu các nhãn (label) trên thanh điều hướng không rõ ràng hoặc gây nhầm lẫn?

    • A. Người dùng sẽ dành nhiều thời gian hơn để khám phá website.
    • B. Người dùng có thể khó tìm thấy thông tin cần thiết và rời bỏ website.
    • C. Website sẽ được xếp hạng cao hơn trên công cụ tìm kiếm.
    • D. Tốc độ tải trang sẽ nhanh hơn đáng kể.

    Câu 26: Khi thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icons) thay cho hoặc đi kèm với văn bản cần lưu ý điều gì?

    • A. Chỉ sử dụng các biểu tượng rất phức tạp.
    • B. Biểu tượng không cần phải có ý nghĩa rõ ràng.
    • C. Biểu tượng phải dễ nhận biết và có ý nghĩa rõ ràng, hoặc đi kèm với văn bản để tránh nhầm lẫn.
    • D. Biểu tượng chỉ nên dùng cho liên kết ngoài.

    Câu 27: Giả sử một website tin tức có cấu trúc: Trang chủ -> Thể thao -> Bóng đá -> Giải Ngoại hạng Anh. "Giải Ngoại hạng Anh" là gì trong cấu trúc này?

    • A. Một trang con ở cấp độ sâu hơn.
    • B. Trang chủ của website.
    • C. Một liên kết ngoài.
    • D. Thanh điều hướng chính.

    Câu 28: Tại sao việc kiểm tra định kỳ các liên kết trên website (đặc biệt là liên kết ngoài) lại quan trọng?

    • A. Để thay đổi màu sắc của liên kết.
    • B. Để giảm số lượng liên kết trên trang.
    • C. Để tăng tốc độ tải trang chủ.
    • D. Để phát hiện và sửa chữa các liên kết hỏng, đảm bảo người dùng luôn truy cập được thông tin mong muốn.

    Câu 29: Trong thiết kế thanh điều hướng, việc sử dụng quá nhiều mục trên cùng một cấp độ (ví dụ: 20 mục trên thanh ngang) có thể gây ra vấn đề gì?

    • A. Làm cho website trông rất gọn gàng.
    • B. Gây quá tải thông tin, khó quét mắt và tìm kiếm cho người dùng, đặc biệt trên màn hình nhỏ.
    • C. Tăng cường khả năng ghi nhớ của người dùng.
    • D. Luôn là phương pháp tốt nhất để hiển thị tất cả các tùy chọn.

    Câu 30: Khi thiết kế một website mới, việc lập kế hoạch cấu trúc (hình cây) và hệ thống liên kết/điều hướng nên được thực hiện vào giai đoạn nào?

    • A. Giai đoạn đầu tiên: Phân tích yêu cầu và thiết kế cấu trúc thông tin.
    • B. Giai đoạn cuối cùng: Sau khi đã hoàn thiện nội dung và giao diện.
    • C. Chỉ khi website đã đi vào hoạt động và nhận phản hồi từ người dùng.
    • D. Không cần lập kế hoạch, chỉ cần thêm liên kết ngẫu nhiên khi cần.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 1: Một website tổ chức nội dung theo cấu trúc hình cây. Điều này mang lại lợi ích chính nào cho người dùng?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 2: Khi thiết kế một trang web giới thiệu sản phẩm có nội dung rất dài, phương pháp nào hiệu quả nhất để trình bày thông tin mà không làm trang web trở nên quá tải và khó đọc?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 3: Thanh điều hướng (navigation bar) trên một website có vai trò quan trọng nhất là gì?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 4: Trong cấu trúc hình cây của website, 'trang con' là gì?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 5: Một liên kết dẫn người dùng từ trang 'Giới thiệu' đến trang 'Sản phẩm' trong cùng một website được gọi là loại liên kết nào?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 6: Cụm từ 'Xem chi tiết' hoặc 'Đọc thêm' thường được sử dụng ở cuối phần tóm tắt nội dung. Mục đích chính của việc sử dụng liên kết với cụm từ này là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 7: Khi thiết kế thanh điều hướng, việc đặt các mục menu theo một trình tự logic và dễ đoán có ý nghĩa gì đối với trải nghiệm người dùng (UX)?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 8: Một liên kết dẫn từ website của bạn sang một website khác (ví dụ: liên kết đến nguồn tham khảo hoặc trang đối tác) được gọi là loại liên kết nào?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 9: Tại sao việc sử dụng liên kết neo (anchor link) để nhảy đến một phần cụ thể trên cùng một trang lại hữu ích, đặc biệt với các trang có nội dung dài?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 10: Khi xây dựng thanh điều hướng cho một website có nhiều cấp độ trang con (ví dụ: Trang chủ -> Sản phẩm -> Danh mục A -> Sản phẩm chi tiết X), kỹ thuật hiển thị nào thường được sử dụng để giúp người dùng biết họ đang ở đâu trong cấu trúc website?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 11: Một liên kết bị hỏng (broken link) là gì và tác động tiêu cực chính của nó đến trải nghiệm người dùng là gì?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 12: Để thanh điều hướng trên website dễ sử dụng và hiệu quả, yếu tố nào sau đây là quan trọng nhất cần xem xét?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 13: Việc sử dụng hình ảnh làm liên kết (ví dụ: nhấp vào logo để về trang chủ) cần lưu ý điều gì để đảm bảo tính tiện dụng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 14: Trong ngữ cảnh thiết kế website, 'menu xổ xuống' (dropdown menu) trong thanh điều hướng được sử dụng với mục đích gì?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 15: Tại sao việc nhất quán vị trí và giao diện của thanh điều hướng trên tất cả các trang trong cùng một website lại quan trọng?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 16: Giả sử bạn đang xây dựng website cho một thư viện sách trực tuyến. Mục nào sau đây nên được đặt ở vị trí nổi bật nhất trên thanh điều hướng chính?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 17: Khi người dùng nhấp vào một liên kết, hành vi mặc định thường là trang đích sẽ mở ở đâu? Nếu muốn mở ở một cửa sổ hoặc tab mới, cần sử dụng thuộc tính nào?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 18: Việc sử dụng quá nhiều liên kết trên một trang web có thể gây ra vấn đề gì cho người dùng?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 19: Điều gì xảy ra khi người dùng cố gắng truy cập một liên kết nội bộ trên website của bạn nhưng trang đích đã bị xóa hoặc đổi tên?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 20: Khi thiết kế thanh điều hướng cho phiên bản di động của website, thách thức chính thường là gì so với phiên bản máy tính?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 21: Trong việc tổ chức cấu trúc website hình cây, 'độ sâu' của cây (số cấp độ trang con) có thể ảnh hưởng như thế nào đến trải nghiệm người dùng?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 22: Liên kết văn bản (text link) thường có đặc điểm nhận dạng trực quan nào để người dùng phân biệt với văn bản thông thường?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 23: Giả sử bạn có một mục trên thanh điều hướng là 'Dịch vụ'. Khi nhấp vào đó, một menu xổ xuống hiện ra với các mục 'Tư vấn', 'Thiết kế', 'Bảo trì'. Cấu trúc này thể hiện điều gì trong tổ chức nội dung website?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 24: Lợi ích của việc sử dụng 'đường dẫn bánh mì' (breadcrumb trail) trên các trang con là gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 25: Điều gì có thể xảy ra nếu các nhãn (label) trên thanh điều hướng không rõ ràng hoặc gây nhầm lẫn?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 26: Khi thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icons) thay cho hoặc đi kèm với văn bản cần lưu ý điều gì?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 27: Giả sử một website tin tức có cấu trúc: Trang chủ -> Thể thao -> Bóng đá -> Giải Ngoại hạng Anh. 'Giải Ngoại hạng Anh' là gì trong cấu trúc này?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 28: Tại sao việc kiểm tra định kỳ các liên kết trên website (đặc biệt là liên kết ngoài) lại quan trọng?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 29: Trong thiết kế thanh điều hướng, việc sử dụng quá nhiều mục trên cùng một cấp độ (ví dụ: 20 mục trên thanh ngang) có thể gây ra vấn đề gì?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 5

    Câu 30: Khi thiết kế một website mới, việc lập kế hoạch cấu trúc (hình cây) và hệ thống liên kết/điều hướng nên được thực hiện vào giai đoạn nào?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 06

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 06 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Một website giới thiệu về trường học có các trang: Trang chủ, Giới thiệu chung, Tuyển sinh, Hoạt động ngoại khóa, Liên hệ. Để người dùng dễ dàng tìm kiếm thông tin về Tuyển sinh từ Trang chủ, cách tổ chức liên kết hiệu quả nhất là gì?

    • A. Chỉ đặt liên kết đến trang Tuyển sinh ở cuối trang Giới thiệu chung.
    • B. Đặt liên kết đến trang Tuyển sinh trên thanh điều hướng chính của website.
    • C. Tạo một liên kết ngẫu nhiên ở bất kỳ đâu trên Trang chủ.
    • D. Bắt người dùng phải gõ địa chỉ URL của trang Tuyển sinh.

    Câu 2: Bạn đang thiết kế một trang web tin tức với nhiều bài viết dài. Để giữ cho trang chủ gọn gàng và tải nhanh hơn, đồng thời khuyến khích người dùng đọc toàn bộ bài viết, bạn nên sử dụng loại liên kết nào cho mỗi tin tức trên trang chủ?

    • A. Liên kết đến một website khác.
    • B. Liên kết đến một phần khác trên cùng trang chủ.
    • C. Liên kết "Đọc tiếp" dẫn đến trang chi tiết của bài viết.
    • D. Liên kết tải về một tập tin.

    Câu 3: Trang web của một thư viện có mục "Danh mục sách" rất dài, liệt kê hàng nghìn đầu sách theo thứ tự chữ cái. Để giúp người dùng nhanh chóng chuyển đến các phần "Sách bắt đầu bằng chữ A", "Sách bắt đầu bằng chữ B", v.v., người thiết kế nên sử dụng loại liên kết nào?

    • A. Liên kết ngoại (External link).
    • B. Liên kết đến một trang web khác.
    • C. Liên kết "Đọc thêm" (Read more).
    • D. Liên kết neo (Anchor link) đến các phần cụ thể trên trang.

    Câu 4: Thanh điều hướng (Navigation bar) đóng vai trò quan trọng nhất trong việc gì đối với trải nghiệm người dùng trên website?

    • A. Giúp người dùng định hướng và dễ dàng di chuyển giữa các trang.
    • B. Hiển thị nội dung chính và hình ảnh đẹp mắt.
    • C. Tăng tốc độ tải trang web.
    • D. Thu thập thông tin cá nhân của người dùng.

    Câu 5: Khi thiết kế cấu trúc liên kết cho một website, việc tổ chức theo mô hình hình cây (tree structure) mang lại lợi ích chính nào sau đây?

    • A. Giảm thiểu số lượng trang web cần thiết.
    • B. Tổ chức thông tin một cách logic, dễ hiểu và dễ quản lý.
    • C. Đảm bảo mọi trang đều có liên kết trực tiếp với mọi trang khác.
    • D. Chỉ phù hợp với các website có quy mô nhỏ.

    Câu 6: Bạn đang xây dựng một trang web cho một cửa hàng bán đồ thủ công trực tuyến. Trên trang chủ, bạn muốn giới thiệu các danh mục sản phẩm chính (Ví dụ: Đồ gỗ, Đồ gốm, Đồ da). Mỗi danh mục sẽ có một trang riêng liệt kê các sản phẩm chi tiết. Loại liên kết nào là phù hợp nhất để kết nối từ trang chủ đến các trang danh mục này?

    • A. Liên kết nội bộ (Internal links).
    • B. Liên kết ngoại (External links).
    • C. Liên kết neo (Anchor links).
    • D. Không cần sử dụng liên kết, chỉ cần liệt kê tên danh mục.

    Câu 7: Một trang web bán hàng trực tuyến có thanh điều hướng chính chứa các mục như: Trang chủ, Sản phẩm, Giới thiệu, Liên hệ. Dưới mục "Sản phẩm" có các mục con như: Điện thoại, Máy tính, Phụ kiện. Đây là ví dụ về việc sử dụng thanh điều hướng để thể hiện cấu trúc website theo dạng nào?

    • A. Cấu trúc đường thẳng.
    • B. Cấu trúc ngẫu nhiên.
    • C. Cấu trúc hình cây (phân cấp).
    • D. Cấu trúc hình tròn.

    Câu 8: Khi người dùng nhấp vào một liên kết ngoại (external link) trên website của bạn, điều gì thường xảy ra để đảm bảo người dùng không rời bỏ hoàn toàn website của bạn?

    • A. Trang web liên kết sẽ mở ra trong một tab hoặc cửa sổ trình duyệt mới.
    • B. Trình duyệt sẽ tự động đóng website của bạn.
    • C. Người dùng sẽ được chuyển hướng đến trang chủ của website của bạn.
    • D. Liên kết sẽ bị vô hiệu hóa.

    Câu 9: Giả sử bạn có một trang web về "Lịch sử Việt Nam". Trang này có một phần giới thiệu chung về các thời kỳ lịch sử và sau đó là các phần chi tiết hơn về từng triều đại (Lý, Trần, Lê, Nguyễn...). Để tạo một mục lục ở đầu trang cho phép người dùng nhảy nhanh đến từng triều đại cụ thể mà không cần cuộn trang, bạn sẽ sử dụng kỹ thuật liên kết nào?

    • A. Sử dụng liên kết đến một trang web khác.
    • B. Sử dụng liên kết neo (anchor link) đến các tiêu đề trong cùng trang.
    • C. Sử dụng liên kết "Đọc tiếp".
    • D. Chia mỗi triều đại thành một trang riêng biệt.

    Câu 10: Tại sao việc sử dụng văn bản mô tả (ví dụ: "Xem chi tiết về khóa học Tin học") thay vì chỉ sử dụng URL ("http://website.com/khoahoc") làm văn bản liên kết lại quan trọng cho trải nghiệm người dùng?

    • A. Giúp website tải nhanh hơn.
    • B. Bảo vệ website khỏi virus.
    • C. Chỉ mang tính chất trang trí.
    • D. Giúp người dùng biết trước nội dung họ sẽ truy cập khi nhấp vào liên kết.

    Câu 11: Một website có cấu trúc phức tạp với nhiều cấp độ trang con. Để giúp người dùng biết họ đang ở đâu trong cấu trúc website và dễ dàng quay lại các cấp độ trên, người thiết kế thường thêm một thành phần điều hướng gọi là gì?

    • A. Breadcrumb (Đường dẫn phân cấp).
    • B. Footer (Chân trang).
    • C. Sidebar (Thanh bên).
    • D. Pop-up window (Cửa sổ bật lên).

    Câu 12: Bạn đang thiết kế một website giới thiệu về các danh lam thắng cảnh ở Việt Nam. Bạn có một trang "Miền Bắc", một trang "Miền Trung", và một trang "Miền Nam". Trên trang chủ, bạn muốn có các liên kết đến ba trang này. Đây là ví dụ về việc sử dụng liên kết để xây dựng cấu trúc website dạng nào từ trang chủ?

    • A. Cấu trúc tuyến tính (Linear).
    • B. Cấu trúc mạng lưới (Mesh).
    • C. Cấu trúc hình cây (Tree).
    • D. Cấu trúc hỗn hợp phức tạp.

    Câu 13: Thanh điều hướng trên một website thương mại điện tử thường bao gồm các liên kết đến các mục chính như "Trang chủ", "Danh mục sản phẩm", "Giỏ hàng", "Tài khoản của tôi". Điều này thể hiện chức năng chính nào của thanh điều hướng?

    • A. Hiển thị các chương trình khuyến mãi.
    • B. Cung cấp thông tin liên hệ của cửa hàng.
    • C. Chỉ hiển thị các sản phẩm mới nhất.
    • D. Cung cấp điểm truy cập nhanh đến các chức năng và nội dung cốt lõi của website.

    Câu 14: Tại sao việc duy trì sự nhất quán về vị trí và giao diện của thanh điều hướng trên tất cả các trang của website là rất quan trọng?

    • A. Để làm cho website trông đẹp hơn.
    • B. Giúp người dùng dễ dàng học cách sử dụng và điều hướng trên toàn bộ website.
    • C. Giảm dung lượng lưu trữ của website.
    • D. Chỉ cần thiết cho các website lớn.

    Câu 15: Một liên kết được thiết kế kém (ví dụ: văn bản liên kết không rõ ràng, màu sắc khó nhận biết) có thể gây ra vấn đề gì nghiêm trọng nhất cho người dùng?

    • A. Làm chậm tốc độ tải trang.
    • B. Gây lỗi bảo mật.
    • C. Khiến người dùng khó khăn hoặc không thể tìm thấy thông tin họ cần.
    • D. Tự động chuyển hướng người dùng đến website khác.

    Câu 16: Trong cấu trúc hình cây của website, trang gốc (root page) thường được gọi là gì?

    • A. Trang chủ (Homepage).
    • B. Trang con (Subpage).
    • C. Trang liên hệ (Contact page).
    • D. Trang đích (Landing page).

    Câu 17: Bạn cần tạo một liên kết từ website của trường bạn đến trang web chính thức của Bộ Giáo dục và Đào tạo. Đây là loại liên kết nào?

    • A. Liên kết nội bộ.
    • B. Liên kết ngoại.
    • C. Liên kết neo.
    • D. Liên kết hình ảnh.

    Câu 18: Một trang web có phần "Câu hỏi thường gặp (FAQ)" rất dài. Để giúp người dùng tìm nhanh câu trả lời cho câu hỏi cụ thể, bạn nên tạo một mục lục ở đầu trang với các liên kết dẫn đến từng câu hỏi. Loại liên kết nào phù hợp trong trường hợp này?

    • A. Liên kết đến trang khác.
    • B. Liên kết "Xem thêm".
    • C. Liên kết tải về.
    • D. Liên kết neo trong cùng trang.

    Câu 19: Điều gì xảy ra khi người dùng nhấp vào một liên kết neo (anchor link)?

    • A. Trình duyệt sẽ cuộn đến một vị trí cụ thể trên cùng trang hoặc trang khác được liên kết.
    • B. Một cửa sổ pop-up mới sẽ xuất hiện.
    • C. Trang web sẽ tải lại từ đầu.
    • D. Người dùng sẽ được chuyển hướng đến website hoàn toàn khác.

    Câu 20: Khi thiết kế thanh điều hướng cho website, việc sử dụng các nhãn (label) ngắn gọn, rõ ràng và dễ hiểu là quan trọng nhất vì lý do gì?

    • A. Để làm cho thanh điều hướng trông nhỏ gọn.
    • B. Để tiết kiệm dung lượng lưu trữ.
    • C. Giúp người dùng nhanh chóng nhận biết và hiểu chức năng của từng liên kết.
    • D. Để tăng số lượng liên kết trên thanh điều hướng.

    Câu 21: Bạn đang xây dựng một trang web giới thiệu về một sản phẩm mới. Trên trang giới thiệu sản phẩm, bạn muốn cung cấp một liên kết để người dùng tải xuống tài liệu kỹ thuật của sản phẩm đó (dạng PDF). Loại liên kết nào phù hợp cho mục đích này?

    • A. Liên kết tải về (Download link).
    • B. Liên kết neo.
    • C. Liên kết nội bộ.
    • D. Liên kết email.

    Câu 22: Điều gì có thể xảy ra nếu một website có quá nhiều liên kết trên cùng một trang, đặc biệt là trên trang chủ?

    • A. Giúp người dùng dễ dàng tìm thấy mọi thứ.
    • B. Gây rối mắt, khó khăn cho người dùng trong việc tìm kiếm thông tin chính.
    • C. Luôn luôn làm tăng tốc độ tải trang.
    • D. Chỉ ảnh hưởng đến các thiết bị di động.

    Câu 23: Website của một trường đại học thường có các trang: Trang chủ, Giới thiệu, Khoa/Ngành, Tuyển sinh, Nghiên cứu, Sinh viên, Giảng viên, Liên hệ. Để thiết kế một thanh điều hướng hiệu quả, các mục nào nên được đặt ở vị trí dễ thấy nhất (thường là đầu thanh điều hướng)?

    • A. Chỉ các trang ít quan trọng.
    • B. Các trang chứa nội dung dài nhất.
    • C. Các trang có màu sắc nổi bật.
    • D. Các trang/mục mà người dùng thường xuyên truy cập hoặc tìm kiếm (ví dụ: Tuyển sinh, Khoa/Ngành).

    Câu 24: Khi sử dụng hình ảnh làm liên kết, điều quan trọng nhất cần lưu ý là gì để đảm bảo tính khả dụng và trải nghiệm người dùng?

    • A. Hình ảnh phải có kích thước rất lớn.
    • B. Không cần thêm bất kỳ mô tả nào cho hình ảnh.
    • C. Thêm văn bản thay thế (alt text) mô tả nội dung hoặc đích đến của liên kết.
    • D. Sử dụng càng nhiều hình ảnh làm liên kết càng tốt.

    Câu 25: Một website có cấu trúc liên kết phức tạp, không theo một quy tắc rõ ràng (ví dụ: từ trang A có thể liên kết đến B, C; từ B lại liên kết đến D, E và quay lại A; từ C liên kết đến F, G và B...). Cấu trúc này được gọi là gì?

    • A. Cấu trúc hình cây.
    • B. Cấu trúc mạng lưới (Mesh structure).
    • C. Cấu trúc tuyến tính.
    • D. Cấu trúc phân cấp.

    Câu 26: So sánh cấu trúc hình cây và cấu trúc mạng lưới, cấu trúc hình cây thường được ưu tiên hơn cho các website thông tin có lượng lớn nội dung vì lý do chính nào?

    • A. Dễ tổ chức, quản lý và giúp người dùng định vị mình đang ở đâu trong website.
    • B. Cung cấp nhiều đường dẫn di chuyển hơn giữa mọi trang.
    • C. Luôn tải nhanh hơn cấu trúc mạng lưới.
    • D. Phù hợp hơn cho việc hiển thị đa phương tiện.

    Câu 27: Một liên kết được thiết kế tốt cần phải có những đặc điểm nào sau đây để người dùng dễ dàng nhận biết và sử dụng?

    • A. Có màu sắc giống hệt văn bản bình thường.
    • B. Không có gạch chân hoặc hiệu ứng khi rê chuột.
    • C. Chỉ sử dụng URL làm văn bản liên kết.
    • D. Có màu sắc khác biệt, thường gạch chân, và có thể thay đổi khi rê chuột hoặc đã truy cập.

    Câu 28: Bạn đang viết một bài blog trên website của mình và muốn giới thiệu một sản phẩm liên quan được bán trên website của đối tác. Bạn sẽ sử dụng loại liên kết nào?

    • A. Liên kết nội bộ.
    • B. Liên kết ngoại.
    • C. Liên kết neo.
    • D. Liên kết email.

    Câu 29: Vai trò của việc nhóm các liên kết liên quan lại với nhau trên thanh điều hướng hoặc trong các menu thả xuống là gì?

    • A. Giúp tổ chức thông tin, giảm sự lộn xộn và giúp người dùng tìm thấy thứ họ cần dễ dàng hơn.
    • B. Làm cho website trông hiện đại hơn.
    • C. Bắt buộc phải làm theo quy định.
    • D. Không có tác dụng đáng kể.

    Câu 30: Một website được thiết kế tốt với hệ thống liên kết và thanh điều hướng rõ ràng, trực quan sẽ mang lại lợi ích gì cho cả người dùng và chủ website?

    • A. Chỉ giúp người dùng mà không có lợi ích cho chủ website.
    • B. Chỉ giúp chủ website tiết kiệm chi phí.
    • C. Làm tăng thời gian tải trang.
    • D. Cải thiện trải nghiệm người dùng (dễ tìm kiếm, điều hướng), tăng thời gian ở lại trang, và có thể cải thiện thứ hạng trên công cụ tìm kiếm.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 1: Một website giới thiệu về trường học có các trang: Trang chủ, Giới thiệu chung, Tuyển sinh, Hoạt động ngoại khóa, Liên hệ. Để người dùng dễ dàng tìm kiếm thông tin về Tuyển sinh từ Trang chủ, cách tổ chức liên kết hiệu quả nhất là gì?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 2: Bạn đang thiết kế một trang web tin tức với nhiều bài viết dài. Để giữ cho trang chủ gọn gàng và tải nhanh hơn, đồng thời khuyến khích người dùng đọc toàn bộ bài viết, bạn nên sử dụng loại liên kết nào cho mỗi tin tức trên trang chủ?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 3: Trang web của một thư viện có mục 'Danh mục sách' rất dài, liệt kê hàng nghìn đầu sách theo thứ tự chữ cái. Để giúp người dùng nhanh chóng chuyển đến các phần 'Sách bắt đầu bằng chữ A', 'Sách bắt đầu bằng chữ B', v.v., người thiết kế nên sử dụng loại liên kết nào?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 4: Thanh điều hướng (Navigation bar) đóng vai trò quan trọng nhất trong việc gì đối với trải nghiệm người dùng trên website?

    5 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 5: Khi thiết kế cấu trúc liên kết cho một website, việc tổ chức theo mô hình hình cây (tree structure) mang lại lợi ích chính nào sau đây?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 6: Bạn đang xây dựng một trang web cho một cửa hàng bán đồ thủ công trực tuyến. Trên trang chủ, bạn muốn giới thiệu các danh mục sản phẩm chính (Ví dụ: Đồ gỗ, Đồ gốm, Đồ da). Mỗi danh mục sẽ có một trang riêng liệt kê các sản phẩm chi tiết. Loại liên kết nào là phù hợp nhất để kết nối từ trang chủ đến các trang danh mục này?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 7: Một trang web bán hàng trực tuyến có thanh điều hướng chính chứa các mục như: Trang chủ, Sản phẩm, Giới thiệu, Liên hệ. Dưới mục 'Sản phẩm' có các mục con như: Điện thoại, Máy tính, Phụ kiện. Đây là ví dụ về việc sử dụng thanh điều hướng để thể hiện cấu trúc website theo dạng nào?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 8: Khi người dùng nhấp vào một liên kết ngoại (external link) trên website của bạn, điều gì thường xảy ra để đảm bảo người dùng không rời bỏ hoàn toàn website của bạn?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 9: Giả sử bạn có một trang web về 'Lịch sử Việt Nam'. Trang này có một phần giới thiệu chung về các thời kỳ lịch sử và sau đó là các phần chi tiết hơn về từng triều đại (Lý, Trần, Lê, Nguyễn...). Để tạo một mục lục ở đầu trang cho phép người dùng nhảy nhanh đến từng triều đại cụ thể mà không cần cuộn trang, bạn sẽ sử dụng kỹ thuật liên kết nào?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 10: Tại sao việc sử dụng văn bản mô tả (ví dụ: 'Xem chi tiết về khóa học Tin học') thay vì chỉ sử dụng URL ('http://website.com/khoahoc') làm văn bản liên kết lại quan trọng cho trải nghiệm người dùng?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 11: Một website có cấu trúc phức tạp với nhiều cấp độ trang con. Để giúp người dùng biết họ đang ở đâu trong cấu trúc website và dễ dàng quay lại các cấp độ trên, người thiết kế thường thêm một thành phần điều hướng gọi là gì?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 12: Bạn đang thiết kế một website giới thiệu về các danh lam thắng cảnh ở Việt Nam. Bạn có một trang 'Miền Bắc', một trang 'Miền Trung', và một trang 'Miền Nam'. Trên trang chủ, bạn muốn có các liên kết đến ba trang này. Đây là ví dụ về việc sử dụng liên kết để xây dựng cấu trúc website dạng nào từ trang chủ?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 13: Thanh điều hướng trên một website thương mại điện tử thường bao gồm các liên kết đến các mục chính như 'Trang chủ', 'Danh mục sản phẩm', 'Giỏ hàng', 'Tài khoản của tôi'. Điều này thể hiện chức năng chính nào của thanh điều hướng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 14: Tại sao việc duy trì sự nhất quán về vị trí và giao diện của thanh điều hướng trên tất cả các trang của website là rất quan trọng?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 15: Một liên kết được thiết kế kém (ví dụ: văn bản liên kết không rõ ràng, màu sắc khó nhận biết) có thể gây ra vấn đề gì nghiêm trọng nhất cho người dùng?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 16: Trong cấu trúc hình cây của website, trang gốc (root page) thường được gọi là gì?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 17: Bạn cần tạo một liên kết từ website của trường bạn đến trang web chính thức của Bộ Giáo dục và Đào tạo. Đây là loại liên kết nào?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 18: Một trang web có phần 'Câu hỏi thường gặp (FAQ)' rất dài. Để giúp người dùng tìm nhanh câu trả lời cho câu hỏi cụ thể, bạn nên tạo một mục lục ở đầu trang với các liên kết dẫn đến từng câu hỏi. Loại liên kết nào phù hợp trong trường hợp này?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 19: Điều gì xảy ra khi người dùng nhấp vào một liên kết neo (anchor link)?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 20: Khi thiết kế thanh điều hướng cho website, việc sử dụng các nhãn (label) ngắn gọn, rõ ràng và dễ hiểu là quan trọng nhất vì lý do gì?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 21: Bạn đang xây dựng một trang web giới thiệu về một sản phẩm mới. Trên trang giới thiệu sản phẩm, bạn muốn cung cấp một liên kết để người dùng tải xuống tài liệu kỹ thuật của sản phẩm đó (dạng PDF). Loại liên kết nào phù hợp cho mục đích này?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 22: Điều gì có thể xảy ra nếu một website có quá nhiều liên kết trên cùng một trang, đặc biệt là trên trang chủ?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 23: Website của một trường đại học thường có các trang: Trang chủ, Giới thiệu, Khoa/Ngành, Tuyển sinh, Nghiên cứu, Sinh viên, Giảng viên, Liên hệ. Để thiết kế một thanh điều hướng hiệu quả, các mục nào nên được đặt ở vị trí dễ thấy nhất (thường là đầu thanh điều hướng)?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 24: Khi sử dụng hình ảnh làm liên kết, điều quan trọng nhất cần lưu ý là gì để đảm bảo tính khả dụng và trải nghiệm người dùng?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 25: Một website có cấu trúc liên kết phức tạp, không theo một quy tắc rõ ràng (ví dụ: từ trang A có thể liên kết đến B, C; từ B lại liên kết đến D, E và quay lại A; từ C liên kết đến F, G và B...). Cấu trúc này được gọi là gì?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 26: So sánh cấu trúc hình cây và cấu trúc mạng lưới, cấu trúc hình cây thường được ưu tiên hơn cho các website thông tin có lượng lớn nội dung vì lý do chính nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 27: Một liên kết được thiết kế tốt cần phải có những đặc điểm nào sau đây để người dùng dễ dàng nhận biết và sử dụng?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 28: Bạn đang viết một bài blog trên website của mình và muốn giới thiệu một sản phẩm liên quan được bán trên website của đối tác. Bạn sẽ sử dụng loại liên kết nào?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 29: Vai trò của việc nhóm các liên kết liên quan lại với nhau trên thanh điều hướng hoặc trong các menu thả xuống là gì?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 6

    Câu 30: Một website được thiết kế tốt với hệ thống liên kết và thanh điều hướng rõ ràng, trực quan sẽ mang lại lợi ích gì cho cả người dùng và chủ website?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 07

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 07 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Bạn cần tạo một liên kết trong trang web của mình để dẫn người dùng đến trang chủ của Google (https://www.google.com). Đoạn mã HTML nào sau đây là đúng và phù hợp nhất?

    • A. <a link=
    • B. <a href=
    • C. <link src=
    • D. <href url=

    Câu 2: Để một liên kết khi được nhấp vào sẽ mở ra ở một cửa sổ hoặc tab trình duyệt mới, bạn cần thêm thuộc tính nào vào thẻ `` và giá trị của nó là gì?

    • A. target=
    • B. newtab=
    • C. target=
    • D. openin=

    Câu 3: Giả sử bạn đang ở trang `/khoa-hoc/tin-hoc/bai-26.html` và muốn tạo một liên kết đến trang `/gioi-thieu.html` trong cùng website. Đường dẫn tương đối (relative URL) phù hợp cho thuộc tính `href` là gì?

    • A. /gioi-thieu.html
    • B. ../gioi-thieu.html
    • C. ../../khoa-hoc/tin-hoc/gioi-thieu.html
    • D. ../../gioi-thieu.html

    Câu 4: Trong cấu trúc website hình cây, trang chủ (homepage) đóng vai trò như thế nào?

    • A. Là gốc của cây, nơi người dùng thường bắt đầu và chứa liên kết đến các phần chính của website.
    • B. Là một trang con bất kỳ trong cấu trúc.
    • C. Là nơi chứa toàn bộ nội dung của website.
    • D. Chỉ dùng để hiển thị thông tin liên hệ.

    Câu 5: Thanh điều hướng (navigation bar) trên trang web thường được thiết kế để:

    • A. Trang trí cho trang web thêm sinh động.
    • B. Cung cấp các liên kết giúp người dùng dễ dàng truy cập đến các trang hoặc phần khác của website.
    • C. Hiển thị các thông báo hoặc quảng cáo.
    • D. Lưu trữ dữ liệu người dùng.

    Câu 6: Xem xét đoạn mã HTML sau cho một liên kết: <a href=

    • A. Liên kết neo (Anchor link), dùng để di chuyển đến một vị trí cụ thể trong cùng trang.
    • B. Liên kết ngoại (External link), dùng để mở một trang web khác.
    • C. Liên kết nội bộ (Internal link), dùng để chuyển đến một trang khác trong cùng website.
    • D. Liên kết email, dùng để gửi email.

    Câu 7: Để liên kết neo ở Câu 6 hoạt động đúng, phần tử nào trong trang web cần được đánh dấu và bằng cách nào?

    • A. Sử dụng thuộc tính `name` với giá trị
    • B. Sử dụng thuộc tính `class` với giá trị
    • C. Sử dụng thuộc tính `href` với giá trị
    • D. Sử dụng thuộc tính `id` với giá trị

    Câu 8: Khi thiết kế thanh điều hướng, việc sử dụng danh sách không thứ tự (<ul>, <li>) cho các mục liên kết là phổ biến vì:

    • A. Nó tự động tạo ra các nút bấm đẹp mắt.
    • B. Trình duyệt sẽ tự động căn giữa các mục.
    • C. Nó mang ý nghĩa ngữ nghĩa là một danh sách các mục, dễ dàng tạo kiểu bằng CSS để hiển thị theo chiều ngang hoặc dọc.
    • D. Chỉ có thẻ <li> mới chứa được thẻ <a>.

    Câu 9: Giả sử bạn có một file CSS tên là `style.css` trong cùng thư mục với file HTML. Đoạn mã CSS nào sau đây có thể loại bỏ dấu đầu dòng mặc định của một danh sách dùng làm thanh điều hướng?

    • A. ul { list-style-type: none; }
    • B. li { display: inline; }
    • C. ul { text-decoration: none; }
    • D. li { list-style: bullet; }

    Câu 10: Trong một thanh điều hướng ngang, các mục danh sách (<li>) thường được chuyển từ hiển thị mặc định (khối - block) sang hiển thị nào để chúng nằm trên cùng một dòng?

    • A. display: block;
    • B. display: inline-block; hoặc display: inline;
    • C. display: none;
    • D. display: flex-item;

    Câu 12: Khi nào thì nên sử dụng đường dẫn tuyệt đối (absolute URL) thay vì đường dẫn tương đối?

    • A. Khi liên kết đến một trang trong cùng thư mục.
    • B. Khi liên kết đến một phần khác trong cùng trang.
    • C. Khi liên kết đến một trang trên một website khác.
    • D. Khi liên kết đến một file ảnh.

    Câu 14: Để tạo một liên kết mà khi nhấp vào sẽ mở ứng dụng email mặc định của người dùng để gửi email đến địa chỉ "contact@example.com", bạn sẽ sử dụng cú pháp nào trong thuộc tính `href`?

    • A. href=
    • B. href=
    • C. href=
    • D. href=

    Câu 15: Một trang web có cấu trúc như sau: Trang chủ -> Giới thiệu -> Lịch sử hình thành; Trang chủ -> Sản phẩm -> Danh mục -> Sản phẩm A. Đây là ví dụ về cấu trúc website dạng gì?

    • A. Cấu trúc tuyến tính.
    • B. Cấu trúc mạng lưới.
    • C. Cấu trúc hình cây (phân cấp).
    • D. Cấu trúc hỗn hợp.

    Câu 16: Tại sao việc tổ chức nội dung website thành nhiều trang nhỏ và sử dụng liên kết lại quan trọng hơn việc đặt tất cả nội dung lên một trang dài?

    • A. Giúp giảm dung lượng file HTML.
    • B. Làm cho trang web trông phức tạp hơn.
    • C. Chỉ có lợi cho các website tin tức.
    • D. Giúp người dùng dễ dàng tìm kiếm thông tin cụ thể, cải thiện tốc độ tải trang và tránh làm trang quá dài, khó đọc.

    Câu 17: Xem xét đoạn mã HTML cho một thanh điều hướng đơn giản: <ul><li><a href=

    • A. Hai liên kết nằm trên cùng một dòng, không có dấu đầu dòng.
    • B. Hai liên kết hiển thị dưới dạng danh sách có dấu đầu dòng, mỗi mục trên một dòng riêng.
    • C. Chỉ hiển thị văn bản
    • D. Tạo ra hai nút bấm mặc định.

    Câu 18: Để cải thiện khả năng tiếp cận (accessibility) cho người dùng khuyết tật (ví dụ: dùng trình đọc màn hình), khi tạo liên kết bằng hình ảnh, bạn nên sử dụng thuộc tính nào cho thẻ <img> bên trong thẻ <a>?

    • A. src
    • B. title
    • C. alt
    • D. href

    Câu 19: Bạn muốn tạo một liên kết đến một file PDF (`document.pdf`) nằm trong cùng thư mục với trang HTML hiện tại. Cú pháp đúng là gì?

    • A. <a href=
    • B. <a src=
    • C. <link href=
    • D. <a url=

    Câu 20: Thanh điều hướng chính (main navigation bar) của một website thường được đặt ở đâu để người dùng dễ dàng nhìn thấy và sử dụng?

    • A. Ở cuối trang (footer).
    • B. Ẩn trong nội dung chính.
    • C. Chỉ xuất hiện khi người dùng cuộn trang.
    • D. Ở phía trên cùng hoặc bên trái/phải của trang.

    Câu 21: Phân tích đoạn mã CSS sau: a { text-decoration: none; color: blue; }. Đoạn mã này sẽ ảnh hưởng đến các liên kết như thế nào?

    • A. Làm cho văn bản liên kết gạch chân và có màu đen.
    • B. Làm cho văn bản liên kết in đậm và có màu xanh.
    • C. Loại bỏ gạch chân mặc định và đặt màu văn bản liên kết là màu xanh.
    • D. Chỉ áp dụng cho các liên kết đã được truy cập.

    Câu 22: Khi thiết kế thanh điều hướng cho website có nhiều cấp độ trang con, bạn nên cân nhắc điều gì để tránh làm thanh điều hướng quá phức tạp?

    • A. Chỉ hiển thị các mục chính trên thanh điều hướng, sử dụng menu thả xuống (dropdown) hoặc các trang con để hiển thị các mục cấp thấp hơn.
    • B. Liệt kê tất cả các trang con trên thanh điều hướng chính.
    • C. Chỉ sử dụng biểu tượng cho các mục điều hướng.
    • D. Không cần thanh điều hướng, dùng liên kết trong nội dung.

    Câu 23: Mục đích của việc sử dụng thuộc tính `rel=

    • A. Để trình duyệt biết rằng liên kết này là quan trọng.
    • B. Để liên kết chỉ mở một lần duy nhất.
    • C. Để trang đích không biết rằng người dùng đến từ trang của bạn, phục vụ SEO.
    • D. Để ngăn trang đích truy cập vào đối tượng `window.opener` của trang gốc, cải thiện bảo mật và hiệu suất.

    Câu 24: Giả sử bạn có một website tin tức. Bạn muốn tạo một liên kết từ trang chủ đến một bài viết chi tiết có URL là `/tin-tuc/bai-viet-a.html`. Đây là loại liên kết gì?

    • A. Liên kết ngoại.
    • B. Liên kết nội bộ.
    • C. Liên kết neo.
    • D. Liên kết email.

    Câu 25: Cấu trúc website hình cây có ưu điểm chính là gì so với cấu trúc mạng lưới (nơi mọi trang liên kết với nhau)?

    • A. Giúp người dùng dễ dàng định vị mình đang ở đâu trong website và dễ dàng điều hướng theo cấp bậc.
    • B. Tăng tốc độ tải trang.
    • C. Cho phép người dùng truy cập bất kỳ trang nào chỉ với một lần nhấp.
    • D. Giảm số lượng liên kết cần tạo.

    Câu 26: Trong bối cảnh thiết kế đáp ứng (responsive design), thanh điều hướng trên thiết bị di động thường được xử lý khác biệt so với trên máy tính để bàn như thế nào?

    • A. Thanh điều hướng bị ẩn hoàn toàn.
    • B. Tất cả các mục được hiển thị trên một dòng duy nhất.
    • C. Thường được thu gọn lại thành một biểu tượng (ví dụ: menu hamburger) và chỉ hiển thị khi người dùng nhấp vào.
    • D. Các mục điều hướng được chuyển thành hình ảnh.

    Câu 28: Đoạn mã <a href=

    • A. Gửi tin nhắn SMS.
    • B. Gọi đến số điện thoại đã cho.
    • C. Mở ứng dụng bản đồ.
    • D. Lưu số điện thoại vào danh bạ.

    Câu 29: Khi sử dụng hình ảnh làm liên kết (<a href=

    • A. Thẻ <img> phải nằm bên trong thẻ <a> và thẻ <a> phải có thuộc tính href.
    • B. Hình ảnh phải có kích thước rất nhỏ.
    • C. Chỉ có thể sử dụng định dạng ảnh GIF.
    • D. Không cần thuộc tính href nếu dùng hình ảnh.

    Câu 30: Phân tích mục đích của việc tạo một thanh điều hướng phụ (sub-navigation) chỉ xuất hiện khi người dùng ở trong một mục chính cụ thể (ví dụ: menu con của mục "Sản phẩm").

    • A. Để làm cho trang web trông phức tạp hơn.
    • B. Để hiển thị quảng cáo liên quan.
    • C. Để buộc người dùng phải truy cập tất cả các trang con.
    • D. Để giúp người dùng khám phá các trang con hoặc các phần chi tiết hơn liên quan đến mục chính mà họ đang xem, cải thiện trải nghiệm điều hướng trong các phần sâu hơn của website.

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 6: Xem xét đoạn mã HTML sau cho một liên kết: Đến cuối trang. Liên kết này được gọi là gì và mục đích của nó là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 7: Để liên kết neo ở Câu 6 hoạt động đúng, phần tử nào trong trang web cần được đánh dấu và bằng cách nào?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 8: Khi thiết kế thanh điều hướng, việc sử dụng danh sách không thứ tự (

      ,

    • ) cho các mục liên kết là phổ biến vì:

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 9: Giả sử bạn có một file CSS tên là `style.css` trong cùng thư mục với file HTML. Đoạn mã CSS nào sau đây có thể loại bỏ dấu đầu dòng mặc định của một danh sách dùng làm thanh điều hướng?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 10: Trong một thanh điều hướng ngang, các mục danh sách (

  • ) thường được chuyển từ hiển thị mặc định (khối - block) sang hiển thị nào để chúng nằm trên cùng một dòng?
  • 17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 17: Xem xét đoạn mã HTML cho một thanh điều hướng đơn giản:

    . Nếu không có CSS, thanh điều hướng này sẽ hiển thị mặc định như thế nào?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 18: Để cải thiện khả năng tiếp cận (accessibility) cho người dùng khuyết tật (ví dụ: dùng trình đọc màn hình), khi tạo liên kết bằng hình ảnh, bạn nên sử dụng thuộc tính nào cho thẻ bên trong thẻ ?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 28: Đoạn mã Gọi ngay sẽ tạo ra liên kết có chức năng gì khi người dùng nhấp vào trên thiết bị hỗ trợ?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 29: Khi sử dụng hình ảnh làm liên kết (...), điều quan trọng nhất cần đảm bảo là gì để liên kết hình ảnh hoạt động đúng và thân thiện với người dùng?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 7

    Câu 30: Phân tích mục đích của việc tạo một thanh điều hướng phụ (sub-navigation) chỉ xuất hiện khi người dùng ở trong một mục chính cụ thể (ví dụ: menu con của mục 'Sản phẩm').

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 08

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 08 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong thiết kế website, cấu trúc tổ chức thông tin nào giúp người dùng dễ dàng hình dung được mối quan hệ giữa các trang và xác định vị trí của mình trong website?

    • A. Cấu trúc tuyến tính (Linear structure)
    • B. Cấu trúc mạng lưới (Network structure)
    • C. Cấu trúc hình cây (Tree structure)
    • D. Cấu trúc ngẫu nhiên (Random structure)

    Câu 2: Liên kết (hyperlink) trên trang web có vai trò chính là gì?

    • A. Chỉ để trang trí giao diện website.
    • B. Hiển thị hình ảnh động.
    • C. Tạo hiệu ứng âm thanh khi người dùng di chuột qua.
    • D. Cho phép người dùng di chuyển giữa các trang web hoặc các phần khác nhau của một trang.

    Câu 3: Thẻ HTML nào sau đây được sử dụng để tạo một liên kết?

    • A. <a>
    • B. <link>
    • C. <href>
    • D. <navigate>

    Câu 4: 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. link
    • C. href
    • D. url

    Câu 5: Để một liên kết khi được nhấp vào sẽ mở trang đích trong một cửa sổ hoặc tab trình duyệt mới, ta sử dụng thuộc tính target với giá trị nào?

    • A. _self
    • B. _blank
    • C. _parent
    • D. _top

    Câu 6: Xem đoạn mã HTML sau: <a href=

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

    Câu 7: Để liên kết neo `#section3` hoạt động, phần tử đích trên trang HTML cần có thuộc tính và giá trị tương ứng là gì?

    • A. id=
    • B. name=
    • C. class=
    • D. target=

    Câu 8: Một trang web có cấu trúc hình cây với trang chủ (Home) là gốc. Từ trang chủ có liên kết đến trang Giới thiệu (About) và trang Sản phẩm (Products). Từ trang Sản phẩm lại có liên kết đến trang Chi tiết sản phẩm A và Chi tiết sản phẩm B. Mô tả nào sau đây về cấu trúc này là đúng?

    • A. Tất cả các trang đều là trang con trực tiếp của Trang chủ.
    • B. Trang Giới thiệu và Sản phẩm là trang mẹ của Trang chủ.
    • C. Trang Giới thiệu và Sản phẩm ở cùng một cấp độ, và trang Chi tiết sản phẩm A/B ở cấp độ sâu hơn.
    • D. Trang Sản phẩm là trang con của trang Chi tiết sản phẩm A.

    Câu 9: Thanh điều hướng (Navigation bar) trên website thường được đặt ở vị trí nào để người dùng dễ dàng tìm thấy nhất?

    • A. Ở đầu trang (phần header) hoặc bên cạnh trang.
    • B. Ở cuối mỗi đoạn văn bản.
    • C. Chỉ xuất hiện khi người dùng cuộn xuống cuối trang.
    • D. Ẩn đi và chỉ hiện ra khi người dùng nhấp vào một biểu tượng nhỏ.

    Câu 10: Mục đích chính của việc sử dụng thanh điều hướng là gì?

    • A. Hiển thị các thông báo mới nhất.
    • B. Giúp người dùng di chuyển dễ dàng và nhanh chóng giữa các trang hoặc phần chính của website.
    • C. Chỉ để hiển thị logo của website.
    • D. Lưu trữ thông tin đăng nhập của người dùng.

    Câu 11: Xem đoạn mã HTML sau: <img src=

    • A. <div>
    • B. <p>
    • C. <a>
    • D. <span>

    Câu 12: Một liên kết trỏ đến một trang web khác trên một tên miền khác (ví dụ: từ website A sang website B) được gọi là gì?

    • A. Liên kết ngoài (External link)
    • B. Liên kết nội bộ (Internal link)
    • C. Liên kết neo (Anchor link)
    • D. Liên kết chết (Broken link)

    Câu 13: Liên kết nội bộ (internal link) là liên kết trỏ tới:

    • A. Một website khác.
    • B. Một trang hoặc một phần khác trong cùng một website.
    • C. Một tập tin trên máy tính của người dùng.
    • D. Một địa chỉ email.

    Câu 14: Tại sao việc sử dụng văn bản rõ ràng và mô tả cho liên kết (link text) lại quan trọng?

    • A. Để làm cho liên kết có màu sắc đẹp hơn.
    • B. Để giảm kích thước của trang web.
    • C. Chỉ để làm cho liên kết dài hơn.
    • D. Để người dùng biết họ sẽ được đưa đến đâu khi nhấp vào liên kết.

    Câu 15: Khi thiết kế thanh điều hướng cho website, điều gì sau đây là không phải là yếu tố quan trọng cần cân nhắc?

    • A. Tính nhất quán trên tất cả các trang.
    • B. Màu sắc ưa thích của người thiết kế.
    • C. Dễ nhìn và dễ nhấp trên các thiết bị khác nhau.
    • D. Sắp xếp các liên kết theo thứ tự hợp lý.

    Câu 16: Xem đoạn mã HTML sau: <a href=

    • A. Mở ứng dụng gửi email mặc định của người dùng.
    • B. Tải xuống một tập tin.
    • C. Chuyển hướng đến một trang web khác.
    • D. Hiển thị một cửa sổ pop-up.

    Câu 17: Xem xét đoạn mã HTML sau: <div><h1>Trang chủ</h1><nav><ul><li><a href=

    • A. Phần chân trang (Footer)
    • B. Nội dung chính (Main content)
    • C. Thanh điều hướng (Navigation bar)
    • D. Phần tiêu đề bài viết (Article header)

    Câu 18: Giả sử bạn đang ở trang "san-pham.html" và muốn tạo một liên kết trỏ về trang chủ "index.html" (cả hai trang đều nằm cùng cấp trong cấu trúc thư mục). Thuộc tính href của thẻ <a> sẽ là gì?

    • A. index.html
    • B. /index.html
    • C. ../index.html
    • D. http://tenmienwebsite/index.html

    Câu 19: Giả sử trang hiện tại là "san-pham/chitiet.html" và bạn muốn tạo liên kết trỏ về trang "san-pham.html" (nằm ở thư mục cha của "chitiet.html"). Thuộc tính href của thẻ <a> sẽ là gì?

    • A. san-pham.html
    • B. /san-pham.html
    • C. ../san-pham.html
    • D. chitiet.html/../san-pham.html

    Câu 20: Tại sao nên tránh sử dụng cụm từ chung chung như

    • A. Nó làm cho liên kết quá ngắn.
    • B. Nó không cung cấp thông tin hữu ích về nội dung của trang đích.
    • C. Nó chỉ hoạt động trên một số trình duyệt nhất định.
    • D. Nó làm tăng tốc độ tải trang.

    Câu 21: Thanh điều hướng "responsive" (phản hồi) là gì?

    • A. Thanh điều hướng chỉ chứa hình ảnh.
    • B. Thanh điều hướng có màu sắc thay đổi theo chủ đề của trang.
    • C. Thanh điều hướng chỉ hoạt động khi có kết nối internet mạnh.
    • D. Thanh điều hướng thay đổi bố cục và kiểu dáng để phù hợp với kích thước màn hình khác nhau (máy tính, máy tính bảng, điện thoại).

    Câu 22: Xem đoạn mã HTML sau: <a href=

    • A. Mở ứng dụng bản đồ.
    • B. Gửi tin nhắn SMS.
    • C. Mở ứng dụng gọi điện thoại với số được điền sẵn.
    • D. Tải xuống một tập tin âm thanh.

    Câu 23: Trong cấu trúc hình cây của website, trang chủ (Home page) đóng vai trò gì?

    • A. Là điểm xuất phát chính và thường là gốc của cấu trúc cây, liên kết đến các trang con quan trọng.
    • B. Chỉ chứa thông tin liên hệ của website.
    • C. Là trang sâu nhất trong cấu trúc cây.
    • D. Không có bất kỳ liên kết nào đến các trang khác.

    Câu 24: Khi một liên kết không còn trỏ đến một tài nguyên tồn tại (trang đã bị xóa, đổi địa chỉ), liên kết đó được gọi là gì?

    • A. Liên kết neo (Anchor link)
    • B. Liên kết nội bộ (Internal link)
    • C. Liên kết ngoài (External link)
    • D. Liên kết chết (Broken link)

    Câu 25: Xem xét đoạn mã HTML sau: <a href=

    • A. Kiểm tra xem tài liệu có tồn tại không.
    • B. Gợi ý trình duyệt tải xuống tài nguyên thay vì hiển thị nó.
    • C. Mở tài liệu trong một tab mới.
    • D. Chỉ định kích thước của tài liệu.

    Câu 26: Trong ngữ cảnh của thanh điều hướng, "tính nhất quán" đề cập đến điều gì?

    • A. Thanh điều hướng xuất hiện ở cùng một vị trí và có cùng các mục trên hầu hết các trang của website.
    • B. Tất cả các liên kết trong thanh điều hướng đều trỏ ra ngoài website.
    • C. Màu sắc của thanh điều hướng thay đổi trên mỗi trang.
    • D. Thanh điều hướng chỉ chứa các biểu tượng, không có văn bản.

    Câu 27: Khi thiết kế cấu trúc website và thanh điều hướng, việc phân loại và nhóm các nội dung liên quan lại với nhau thành các trang hoặc các phần chính là để:

    • A. Làm cho website có dung lượng lớn hơn.
    • B. Giảm số lượng liên kết trên mỗi trang.
    • C. Tạo ra một cấu trúc tổ chức rõ ràng, giúp xây dựng thanh điều hướng hiệu quả và cải thiện trải nghiệm người dùng.
    • D. Chỉ để làm trang web trông phức tạp hơn.

    Câu 28: Xem đoạn mã HTML sau: <a href=

    • A. Trang san-pham.html trong cùng thư mục.
    • B. Trang chủ của website.
    • C. Thư mục cha của thư mục hiện tại.
    • D. Thư mục "san-pham" nằm ngay trong thư mục gốc của website.

    Câu 29: Một website có cấu trúc: Trang chủ -> Dịch vụ (con của Trang chủ) -> Dịch vụ A, Dịch vụ B (con của Dịch vụ). Nếu người dùng đang ở trang "Dịch vụ A", liên kết trong thanh điều hướng trỏ về "Trang chủ" nên sử dụng đường dẫn tương đối hay tuyệt đối?

    • A. Nên sử dụng đường dẫn tuyệt đối (ví dụ: `/`) để đảm bảo liên kết luôn đúng từ bất kỳ trang nào.
    • B. Nên sử dụng đường dẫn tương đối (ví dụ: `../../index.html`).
    • C. Chỉ có thể sử dụng liên kết neo.
    • D. Không cần liên kết về Trang chủ trong thanh điều hướng.

    Câu 30: Tại sao việc kiểm tra và sửa các liên kết chết (broken links) lại quan trọng đối với website?

    • A. Để làm cho trang web có nhiều màu sắc hơn.
    • B. Để cải thiện trải nghiệm người dùng và độ tin cậy của website.
    • C. Để tăng tốc độ tải hình ảnh.
    • D. Để thêm quảng cáo vào trang web.

    1 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 1: Trong thiết kế website, cấu trúc tổ chức thông tin nào giúp người dùng dễ dàng hình dung được mối quan hệ giữa các trang và xác định vị trí của mình trong website?

    2 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 2: Liên kết (hyperlink) trên trang web có vai trò chính là gì?

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 3: Thẻ HTML nào sau đây được sử dụng để tạo một liên kết?

    6 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 6: Xem đoạn mã HTML sau: Đi đến Phần 3. Loại liên kết này được gọi là gì?

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 7: Để liên kết neo `#section3` hoạt động, phần tử đích trên trang HTML cần có thuộc tính và giá trị tương ứng là gì?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 8: Một trang web có cấu trúc hình cây với trang chủ (Home) là gốc. Từ trang chủ có liên kết đến trang Giới thiệu (About) và trang Sản phẩm (Products). Từ trang Sản phẩm lại có liên kết đến trang Chi tiết sản phẩm A và Chi tiết sản phẩm B. Mô tả nào sau đây về cấu trúc này là đúng?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 9: Thanh điều hướng (Navigation bar) trên website thường được đặt ở vị trí nào để người dùng dễ dàng tìm thấy nhất?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 10: Mục đích chính của việc sử dụng thanh điều hướng là gì?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 11: Xem đoạn mã HTML sau: Logo công ty. Để biến hình ảnh logo này thành một liên kết khi nhấp vào sẽ về trang chủ (index.html), ta cần đặt thẻ bên trong thẻ nào?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 12: Một liên kết trỏ đến một trang web khác trên một tên miền khác (ví dụ: từ website A sang website B) được gọi là gì?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 13: Liên kết nội bộ (internal link) là liên kết trỏ tới:

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 14: Tại sao việc sử dụng văn bản rõ ràng và mô tả cho liên kết (link text) lại quan trọng?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 15: Khi thiết kế thanh điều hướng cho website, điều gì sau đây là *không* phải là yếu tố quan trọng cần cân nhắc?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 16: Xem đoạn mã HTML sau: Gửi email hỗ trợ. Khi người dùng nhấp vào liên kết này, hành động nào sẽ xảy ra?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 17: Xem xét đoạn mã HTML sau:

    . Đoạn mã này thể hiện cấu trúc của thành phần nào trên trang web?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 18: Giả sử bạn đang ở trang 'san-pham.html' và muốn tạo một liên kết trỏ về trang chủ 'index.html' (cả hai trang đều nằm cùng cấp trong cấu trúc thư mục). Thuộc tính href của thẻ sẽ là gì?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 22: Xem đoạn mã HTML sau: Gọi ngay. Khi người dùng nhấp vào liên kết này trên thiết bị di động hỗ trợ, hành động nào có khả năng xảy ra nhất?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 23: Trong cấu trúc hình cây của website, trang chủ (Home page) đóng vai trò gì?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 24: Khi một liên kết không còn trỏ đến một tài nguyên tồn tại (trang đã bị xóa, đổi địa chỉ), liên kết đó được gọi là gì?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 28: Xem đoạn mã HTML sau: Sản phẩm. Liên kết này trỏ đến đâu?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 29: Một website có cấu trúc: Trang chủ -> Dịch vụ (con của Trang chủ) -> Dịch vụ A, Dịch vụ B (con của Dịch vụ). Nếu người dùng đang ở trang 'Dịch vụ A', liên kết trong thanh điều hướng trỏ về 'Trang chủ' nên sử dụng đường dẫn tương đối hay tuyệt đối?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 8

    Câu 30: Tại sao việc kiểm tra và sửa các liên kết chết (broken links) lại quan trọng đối với website?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 09

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 09 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong cấu trúc một trang web, liên kết (hyperlink) đóng vai trò quan trọng nhất trong việc gì?

    • A. Trang trí giao diện website.
    • B. Lưu trữ dữ liệu người dùng.
    • C. Xử lý các yêu cầu từ máy chủ.
    • D. Kết nối các trang web và tài nguyên khác nhau.

    Câu 3: Để tạo một liên kết đến một phần cụ thể (ví dụ: phần Liên hệ với `id=

    • A. `href=
    • B. `href=
    • C. `href=
    • D. `href=

    Câu 4: Thanh điều hướng (navigation bar) trên một trang web thường được đặt ở vị trí nào và có mục đích chính là gì?

    • A. Thường ở đầu trang hoặc bên cạnh, giúp người dùng dễ dàng di chuyển giữa các trang hoặc phần chính của website.
    • B. Thường ở cuối trang, chứa thông tin bản quyền và liên hệ.
    • C. Thường ẩn đi, chỉ hiển thị khi người dùng tìm kiếm thông tin.
    • D. Thường ở giữa trang, hiển thị nội dung quảng cáo.

    Câu 5: Một website có cấu trúc hình cây với trang chủ là gốc. Trang "Giới thiệu" là trang con trực tiếp của trang chủ. Trang "Lịch sử phát triển" là trang con của trang "Giới thiệu". Mối quan hệ giữa trang "Lịch sử phát triển" và trang chủ là gì?

    • A. Trang "Lịch sử phát triển" là trang chủ.
    • B. Trang "Lịch sử phát triển" không có liên hệ gì với trang chủ.
    • C. Trang "Lịch sử phát triển" là trang con trực tiếp của trang chủ.
    • D. Trang "Lịch sử phát triển" là trang con ở cấp độ thứ hai so với trang chủ.

    Câu 6: Khi thiết kế thanh điều hướng cho một website có nhiều trang, việc nhóm các liên kết liên quan lại với nhau (ví dụ: tất cả các liên kết về "Sản phẩm" nằm trong một mục) mang lại lợi ích gì cho người dùng?

    • A. Giúp người dùng dễ dàng tìm kiếm và truy cập thông tin.
    • B. Làm cho website tải nhanh hơn.
    • C. Tăng tính bảo mật cho website.
    • D. Giảm bớt nội dung trên mỗi trang.

    Câu 8: Trong ngữ cảnh của liên kết, URL tương đối (relative URL) khác với URL tuyệt đối (absolute URL) ở điểm nào?

    • A. URL tương đối chỉ dùng cho liên kết nội bộ, còn URL tuyệt đối dùng cho liên kết ngoài.
    • B. URL tương đối luôn bắt đầu bằng `http://` hoặc `https://`.
    • C. URL tương đối chỉ định vị trí tệp tin hoặc thư mục dựa trên vị trí của trang hiện tại, trong khi URL tuyệt đối cung cấp địa chỉ đầy đủ từ gốc (tên miền).
    • D. URL tuyệt đối ngắn gọn hơn URL tương đối.

    Câu 9: Nếu bạn đang ở trang `/products/categoryA/page1.html` và muốn tạo liên kết đến trang `/products/categoryB/page2.html`, thuộc tính `href` nào sau đây sử dụng URL tương đối là đúng?

    • A. `href=
    • B. `href=
    • C. `href=
    • D. `href=

    Câu 11: Xét đoạn mã HTML sau: `

  • A. `href=
  • B. `href=
  • C. `href=
  • D. `href=
  • Câu 12: Tại sao việc sử dụng văn bản liên kết (link text) mang tính mô tả (descriptive) lại quan trọng đối với trải nghiệm người dùng và khả năng tiếp cận (accessibility)?

    • A. Giúp người dùng hiểu rõ nội dung đích của liên kết mà không cần phải nhấp vào.
    • B. Làm cho liên kết có màu sắc nổi bật hơn.
    • C. Tăng tốc độ tải trang.
    • D. Giảm thiểu số lượng liên kết trên trang.

    Câu 13: Trong thiết kế website, cấu trúc nào sau đây được xem là phổ biến và dễ điều hướng nhất đối với hầu hết các loại nội dung?

    • A. Cấu trúc tuyến tính (Linear structure).
    • B. Cấu trúc hình cây (Tree structure / Hierarchical structure).
    • C. Cấu trúc hình sao (Star structure).
    • D. Cấu trúc mạng lưới (Mesh structure).

    Câu 16: Xem xét đoạn mã HTML cho một thanh điều hướng: `

    • A. JavaScript
    • B. HTML (chỉ cấu trúc)
    • C. CSS
    • D. SQL

    Câu 17: Mục đích của việc sử dụng thuộc tính `target=

    • A. Mở tài nguyên được liên kết trong cùng tab hoặc cửa sổ trình duyệt hiện tại.
    • B. Mở tài nguyên được liên kết trong một tab hoặc cửa sổ mới.
    • C. Mở tài nguyên được liên kết trong khung cha (parent frame).
    • D. Mở tài nguyên được liên kết trong toàn bộ cửa sổ trình duyệt (thoát khỏi mọi frameset).

    Câu 18: Khi nào thì nên cân nhắc sử dụng cấu trúc website tuyến tính (linear structure)?

    • A. Khi website có rất nhiều trang con.
    • B. Khi nội dung website cần được xem theo một trình tự cố định (ví dụ: hướng dẫn từng bước).
    • C. Khi muốn người dùng dễ dàng truy cập ngẫu nhiên bất kỳ trang nào.
    • D. Khi cần nhấn mạnh trang chủ là trung tâm.

    Câu 20: Một liên kết bị hỏng (broken link) là gì và nguyên nhân phổ biến nhất dẫn đến tình trạng này?

    • A. Là liên kết dẫn đến một tài nguyên (trang web, tệp tin) không tồn tại hoặc không thể truy cập được, thường do tài nguyên đích đã bị xóa hoặc di chuyển.
    • B. Là liên kết có màu sắc không hiển thị đúng trên trình duyệt.
    • C. Là liên kết chỉ hoạt động trên một số trình duyệt nhất định.
    • D. Là liên kết không có thuộc tính `title`.

    Câu 21: Để tạo liên kết đến một số điện thoại cụ thể (ví dụ: `+84123456789`) sao cho người dùng trên thiết bị di động có thể nhấp để gọi, cú pháp `href` nào sau đây là đúng?

    • A. `href=
    • B. `href=
    • C. `href=
    • D. `href=

    Câu 22: Trong thiết kế thanh điều hướng, việc sử dụng các biểu tượng (icon) kết hợp với văn bản cho các liên kết chính có lợi ích gì?

    • A. Làm cho thanh điều hướng tải chậm hơn.
    • B. Chỉ có tác dụng trang trí, không ảnh hưởng đến trải nghiệm người dùng.
    • C. Tăng tính phức tạp cho cấu trúc HTML.
    • D. Giúp người dùng nhận diện nhanh chóng các mục điều hướng và cải thiện trải nghiệm trên thiết bị di động.

    Câu 23: Khi xây dựng thanh điều hướng, tại sao nên tránh sử dụng quá nhiều liên kết trong một menu?

    • A. Làm cho thanh điều hướng trở nên lộn xộn, khó đọc và khó sử dụng cho người dùng.
    • B. Gây ra lỗi kỹ thuật trên website.
    • C. Làm giảm thứ hạng website trên công cụ tìm kiếm.
    • D. Tiêu tốn nhiều tài nguyên máy chủ hơn.

    Câu 26: Đâu là lợi ích chính của việc tổ chức nội dung website theo cấu trúc hình cây?

    • A. Giảm dung lượng lưu trữ của website.
    • B. Tăng tốc độ tải trang lên gấp đôi.
    • C. Tạo ra một hệ thống phân cấp nội dung rõ ràng, giúp người dùng dễ dàng khám phá và tìm kiếm thông tin theo chủ đề.
    • D. Tự động cập nhật nội dung mới nhất.

    Câu 27: Khi một website có cấu trúc phức tạp với nhiều cấp độ trang con, yếu tố nào của thanh điều hướng trở nên đặc biệt quan trọng để giúp người dùng không bị lạc?

    • A. Sử dụng màu sắc rực rỡ cho tất cả các liên kết.
    • B. Đặt thanh điều hướng ở cuối trang.
    • C. Chỉ hiển thị liên kết đến trang chủ.
    • D. Đánh dấu rõ ràng liên kết của trang hiện tại trong thanh điều hướng.

    Câu 29: Đâu là lý do chính khiến bạn nên tránh sử dụng cụm từ chung chung như

    • A. Làm cho liên kết có kích thước quá nhỏ.
    • B. Gây xung đột với các thẻ HTML khác.
    • C. Không cung cấp thông tin rõ ràng về nội dung đích của liên kết, làm giảm khả năng truy cập và trải nghiệm người dùng.
    • D. Tự động chuyển hướng người dùng đến trang khác mà họ không mong muốn.

    Câu 30: Trong một thanh điều hướng ngang sử dụng `

      ` và `

    • `, để làm cho các mục `
    • ` nằm cạnh nhau thay vì xếp dọc theo mặc định, thuộc tính CSS `display` thường được áp dụng cho các mục `
    • ` là gì?
      • A. `display: inline-block;` hoặc `display: inline;`
      • B. `display: block;`
      • C. `display: none;`
      • D. `display: flex-direction: column;`

    7 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 9

    Câu 28: Xem xét đoạn mã HTML: `Đi đến phần 2`. Liên kết này sẽ hoạt động như thế nào?

    8 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 9

    Câu 29: Đâu là lý do chính khiến bạn nên tránh sử dụng cụm từ chung chung như "Nhấn vào đây" làm văn bản liên kết?

    9 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 9

    Câu 30: Trong một thanh điều hướng ngang sử dụng `

      ` và `

    • `, để làm cho các mục `
    • ` nằm cạnh nhau thay vì xếp dọc theo mặc định, thuộc tính CSS `display` thường được áp dụng cho các mục `
    • ` là gì?

    10 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 1: Một trường học muốn thu thập thông tin đăng ký tham gia câu lạc bộ ngoại khóa từ học sinh. Biểu mẫu trực tuyến là một giải pháp hiệu quả. Mục đích chính của việc sử dụng biểu mẫu trên trang web trong trường hợp này là gì?

    11 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 2: Bạn đang thiết kế một biểu mẫu khảo sát ý kiến về chất lượng dịch vụ. Để người dùng có thể lựa chọn nhiều mục cùng lúc từ một danh sách (ví dụ: các dịch vụ đã sử dụng), loại câu hỏi nào trong Google Forms là phù hợp nhất?

    12 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 3: Khi tạo biểu mẫu đăng ký cho một sự kiện, bạn cần thu thập địa chỉ email của người tham dự. Để đảm bảo người dùng nhập đúng định dạng email, bạn nên sử dụng tính năng nào trong cài đặt câu hỏi của Google Forms?

    13 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 4: Bạn đã hoàn thành việc thiết kế một biểu mẫu đánh giá khóa học bằng Google Forms. Để biểu mẫu này xuất hiện trực tiếp trên trang web của trung tâm đào tạo (sử dụng Google Sites), bạn cần làm gì sau khi biểu mẫu đã sẵn sàng?

    14 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 5: Một cửa hàng trực tuyến sử dụng biểu mẫu để thu thập thông tin đặt hàng. Biểu mẫu này có các trường như Tên sản phẩm, Số lượng, Địa chỉ giao hàng. Sau khi khách hàng gửi biểu mẫu, dữ liệu phản hồi sẽ được Google Forms tự động lưu trữ ở đâu để cửa hàng xử lý đơn hàng?

    15 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 6: Khi xem các phản hồi trong Google Forms, bạn nhận thấy có một câu hỏi dạng 'Thang đo tuyến tính' (Linear scale) yêu cầu người dùng đánh giá từ 1 (Rất tệ) đến 5 (Rất tốt). Google Forms thường hiển thị kết quả cho loại câu hỏi này dưới dạng trực quan nào để bạn dễ dàng nắm bắt xu hướng?

    16 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 7: Bạn cần tạo một biểu mẫu cho phép người dùng chọn ngày sinh của họ. Loại câu hỏi nào trong Google Forms được thiết kế riêng cho việc nhập thông tin ngày tháng?

    17 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 8: Một giáo viên muốn tạo một bài kiểm tra trắc nghiệm nhỏ bằng Google Forms. Để mỗi học sinh chỉ được chọn một đáp án duy nhất cho mỗi câu hỏi, loại câu hỏi nào cần được sử dụng?

    18 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 9: Khi nhúng một biểu mẫu Google Forms vào trang web Google Sites, điều gì sẽ xảy ra nếu bạn sau đó chỉnh sửa nội dung (thêm/bớt câu hỏi) trong biểu mẫu gốc trên Google Forms?

    19 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 10: Bạn đang thiết kế một biểu mẫu đăng ký tham quan cho một khu di tích. Biểu mẫu cần hỏi người đăng ký muốn tham quan vào ngày nào (từ danh sách các ngày có sẵn) và chọn loại vé (Ví dụ: Vé thường, Vé ưu tiên). Loại câu hỏi 'Lưới trắc nghiệm' (Multiple choice grid) có thể được sử dụng để kết hợp việc chọn ngày và loại vé trong cùng một bảng. Cấu trúc của 'Lưới trắc nghiệm' bao gồm các thành phần chính nào?

    20 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 11: Một công ty muốn thu thập phản hồi chi tiết về trải nghiệm của khách hàng sau khi sử dụng sản phẩm mới. Họ cần một không gian đủ lớn để khách hàng viết ý kiến của mình. Loại câu hỏi nào trong Google Forms sẽ đáp ứng tốt nhất yêu cầu này?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 12: Bạn đã tạo một biểu mẫu khảo sát trực tuyến và muốn chia sẻ nó với một nhóm người cụ thể qua email. Trong Google Forms, thao tác nào cho phép bạn gửi biểu mẫu qua email và tùy chọn bao gồm biểu mẫu ngay trong nội dung email?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 13: Khi phân tích dữ liệu phản hồi từ một biểu mẫu đăng ký, bạn thấy có nhiều người nhập sai định dạng số điện thoại. Để khắc phục tình trạng này cho lần sau, bạn cần chỉnh sửa câu hỏi 'Số điện thoại' trong Google Forms và thêm cài đặt nào?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 14: Một giáo viên tạo biểu mẫu bài tập về nhà trực tuyến. Để tránh việc học sinh bỏ qua các câu hỏi quan trọng, giáo viên nên bật tính năng nào cho những câu hỏi đó trong Google Forms?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 15: Bạn muốn tạo một biểu mẫu thu thập dữ liệu mà mỗi người chỉ được gửi phản hồi một lần duy nhất. Cài đặt nào trong Google Forms giúp bạn thực hiện điều này?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 16: Khi sử dụng Google Forms để tạo bài kiểm tra, bạn có thể thiết lập 'Đáp án đúng' (Answer key) và gán điểm cho mỗi câu hỏi. Điều này hỗ trợ tính năng nào của Google Forms?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 17: Bạn đã liên kết biểu mẫu phản hồi của mình với Google Sheets để dễ dàng phân tích dữ liệu. Khi có phản hồi mới được gửi qua biểu mẫu, dữ liệu sẽ xuất hiện trong Google Sheets như thế nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 18: Một nhà tổ chức sự kiện muốn thu thập thông tin về số lượng khách mời dự kiến tham gia bữa tiệc và yêu cầu họ chọn món ăn chính ưa thích từ danh sách 3 món. Loại câu hỏi nào kết hợp tốt nhất việc thu thập số lượng (dạng số) và lựa chọn món ăn (một lựa chọn duy nhất)?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 19: Bạn đang thiết kế một biểu mẫu khảo sát dài và muốn chia nó thành các phần hợp lý (ví dụ: Phần 1: Thông tin cá nhân, Phần 2: Ý kiến về sản phẩm). Tính năng nào trong Google Forms giúp bạn tổ chức biểu mẫu theo cấu trúc này?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 20: Một tính năng nâng cao của Google Forms cho phép người trả lời chuyển đến một phần khác của biểu mẫu dựa trên câu trả lời của họ cho một câu hỏi cụ thể. Tính năng này được gọi là gì và nó hữu ích trong trường hợp nào?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 27: Biểu mẫu trên trang web

    Tags: Bộ đề 9

    Câu 21: Khi nhúng một biểu mẫu vào trang web, điều quan trọng là biểu mẫu phải hiển thị tốt trên nhiều kích thước màn hình khác nhau (máy tính, điện thoại). Việc sử dụng các công cụ tạo biểu mẫu trực tuyến như Google Forms thường hỗ trợ khả năng này như thế nào?

    Xem kết quả

    0

    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é!!!


    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 10

    Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng - Đề 10 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

    Câu 1: Trong cấu trúc tổ chức nội dung của một website, mô hình nào sau đây thường được áp dụng để người dùng dễ dàng điều hướng từ trang chủ đến các trang con và ngược lại?

    • A. Cấu trúc tuyến tính (Linear structure)
    • B. Cấu trúc mạng lưới (Mesh structure)
    • C. Cấu trúc hình cây (Tree structure)
    • D. Cấu trúc ngẫu nhiên (Random structure)

    Câu 2: Liên kết (hyperlink) trong trang web có vai trò chính là gì?

    • A. Hiển thị hình ảnh và video
    • B. Trang trí cho văn bản
    • C. Thu thập thông tin người dùng
    • D. Kết nối và điều hướng giữa các trang hoặc các phần nội dung

    Câu 3: Xét đoạn mã HTML sau: <a href=

    • A. Mở liên kết trong cùng một cửa sổ/tab hiện tại.
    • B. Mở liên kết trong một cửa sổ/tab trình duyệt mới.
    • C. Mở liên kết ở khung dưới cùng của trang (frame).
    • D. Hiển thị một hộp thoại xác nhận trước khi mở liên kết.

    Câu 4: Để tạo một liên kết đến một địa chỉ email cụ thể, ta sử dụng cú pháp nào trong thuộc tính `href` của thẻ ``?

    • A. mailto:ten@email.com
    • B. email:ten@email.com
    • C. sendto:ten@email.com
    • D. href_email:ten@email.com

    Câu 5: Thanh điều hướng (Navigation bar) trên một website thường chứa những gì?

    • A. Toàn bộ nội dung của trang chủ.
    • B. Các bình luận và phản hồi của người dùng.
    • C. Các liên kết đến các trang hoặc mục chính của website.
    • D. Thông tin liên hệ và bản đồ.

    Câu 6: Xét cấu trúc website hình cây. Trang chủ (Homepage) có vai trò gì trong cấu trúc này?

    • A. Là điểm khởi đầu và là trung tâm liên kết đến các trang con.
    • B. Chỉ dùng để hiển thị thông báo mới nhất.
    • C. Không có mối liên hệ với các trang con khác.
    • D. Là trang cuối cùng người dùng truy cập.

    Câu 7: Khi thiết kế thanh điều hướng, tại sao việc sử dụng các nhãn liên kết (link labels) rõ ràng và ngắn gọn lại quan trọng?

    • A. Để làm cho thanh điều hướng trông đẹp hơn.
    • B. Để tăng tốc độ tải trang.
    • C. Để hiển thị nhiều liên kết hơn trên thanh điều hướng.
    • D. Để giúp người dùng dễ dàng hiểu và tìm thấy nội dung cần thiết.

    Câu 8: Giả sử bạn có một trang web dài và muốn tạo một liên kết mà khi click vào sẽ cuộn đến một phần cụ thể (ví dụ: phần

    • A. Sử dụng liên kết ngoài (external link) đến cùng địa chỉ URL.
    • B. Sử dụng liên kết neo (anchor link) với thuộc tính `href` trỏ đến `id` của phần mục tiêu.
    • C. Sử dụng liên kết email (mailto link).
    • D. Không thể tạo liên kết cuộn trang bằng HTML/CSS đơn thuần.

    Câu 9: Đoạn mã CSS nào sau đây thường được sử dụng để loại bỏ dấu chấm (bullet points) mặc định của các mục trong danh sách (list items - `

  • `) khi tạo thanh điều hướng?
    • A. text-decoration: none;
    • B. display: inline;
    • C. list-style: none;
    • D. margin: 0; padding: 0;
  • Câu 10: Tại sao việc tổ chức website theo cấu trúc hình cây được coi là thân thiện với người dùng và công cụ tìm kiếm (SEO)?

    • A. Giúp tổ chức nội dung logic, dễ điều hướng và công cụ tìm kiếm dễ dàng crawl (thu thập dữ liệu).
    • B. Làm cho website tải nhanh hơn.
    • C. Tăng số lượng quảng cáo có thể đặt trên trang.
    • D. Giảm thiểu lượng nội dung trên mỗi trang.

    Câu 11: Khi tạo một liên kết đến một trang nằm trong cùng thư mục với trang hiện tại, bạn sẽ sử dụng đường dẫn loại nào trong thuộc tính `href`?

    • A. Đường dẫn tuyệt đối (Absolute path) đầy đủ URL.
    • B. Đường dẫn tương đối (Relative path) chỉ là tên tệp.
    • C. Liên kết neo (Anchor link).
    • D. Liên kết email (Mailto link).

    Câu 12: Thanh điều hướng ngang (Horizontal navigation bar) thường được đặt ở vị trí nào trên trang web?

    • A. Phần đầu trang (header) hoặc ngay dưới logo.
    • B. Phần chân trang (footer).
    • C. Giữa nội dung chính của trang.
    • D. Luôn nằm ở bên trái trang.

    Câu 13: Xét đoạn mã HTML: <img src=

    • A. <img src=
    • B. <link href=
    • C. <button onclick=
    • D. <a href=

    Câu 14: Thanh điều hướng thả xuống (Dropdown navigation) thường được sử dụng trong trường hợp nào?

    • A. Khi chỉ có rất ít liên kết trên thanh điều hướng.
    • B. Để làm cho website tải chậm hơn.
    • C. Khi có nhiều trang con cần nhóm lại và hiển thị gọn gàng trên thanh điều hướng chính.
    • D. Chỉ dùng cho các liên kết ngoài website.

    Câu 15: Trong ngữ cảnh của liên kết, thuật ngữ

    • A. Đường gạch chân, gạch ngang hoặc gạch trên văn bản liên kết.
    • B. Màu sắc của văn bản liên kết.
    • C. Kích thước phông chữ của liên kết.
    • D. Khoảng cách giữa các liên kết.

    Câu 16: Tại sao việc có một liên kết

    • A. Để làm cho thanh điều hướng dài hơn.
    • B. Chỉ mang tính trang trí.
    • C. Để hiển thị thông tin bản quyền.
    • D. Cung cấp điểm quay lại quen thuộc và dễ dàng cho người dùng.

    Câu 17: Xét đoạn mã HTML sau cho một mục trong thanh điều hướng: <li><a href=

    • A. `<li>` định nghĩa một mục trong danh sách, `<a>` tạo liên kết.
    • B. `<li>` tạo liên kết, `<a>` định nghĩa một mục trong danh sách.
    • C. Cả hai thẻ đều chỉ dùng để định dạng văn bản.
    • D. `<li>` tạo tiêu đề, `<a>` tạo đoạn văn.

    Câu 18: Khi một liên kết được click và mở ra một trang web mới hoàn toàn (không phải trên website hiện tại), đó là loại liên kết gì?

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

    Câu 19: Bạn muốn tạo một liên kết đến một tệp tin PDF (tailieu.pdf) trong cùng thư mục

    • A. href=
    • B. href=
    • C. href=
    • D. href=

    Câu 20: Trong thiết kế website đáp ứng (responsive design), tại sao việc tối ưu thanh điều hướng cho thiết bị di động lại quan trọng?

    • A. Để đảm bảo khả năng sử dụng và hiển thị tốt trên màn hình nhỏ của điện thoại di động.
    • B. Để tăng tốc độ tải trang chỉ trên máy tính.
    • C. Để thêm nhiều liên kết hơn vào thanh điều hướng.
    • D. Chỉ để làm cho website trông hiện đại hơn.

    Câu 21: Xét đoạn mã HTML: <a href=

    • A. class=
    • B. id=
    • C. name=
    • D. data-target=

    Câu 22: Cấu trúc website tuyến tính (Linear structure) phù hợp nhất cho loại nội dung nào?

    • A. Một bách khoa toàn thư trực tuyến với hàng ngàn chủ đề.
    • B. Một trang tin tức với nhiều chuyên mục khác nhau.
    • C. Một bài hướng dẫn từng bước (tutorial) hoặc một khóa học online theo trình tự.
    • D. Một trang web thương mại điện tử với nhiều danh mục sản phẩm.

    Câu 23: Khi sử dụng CSS để tạo thanh điều hướng ngang từ danh sách `<ul>`, thuộc tính `display` nào thường được áp dụng cho các mục danh sách `<li>` để chúng nằm trên cùng một hàng?

    • A. display: block;
    • B. display: flex;
    • C. display: grid;
    • D. display: inline-block;

    Câu 24: Lợi ích chính của việc sử dụng thanh điều hướng nhất quán (consistent navigation) trên toàn bộ website là gì?

    • A. Làm cho mỗi trang có giao diện độc đáo.
    • B. Giúp người dùng dễ dàng học cách điều hướng và tìm kiếm thông tin trên website.
    • C. Giảm số lượng liên kết cần thiết.
    • D. Chỉ cần thiết cho các website nhỏ.

    Câu 25: Bạn nhận thấy rằng khi click vào một liên kết, trình duyệt luôn tải lại toàn bộ trang, ngay cả khi trang đích chỉ là một phần khác trên cùng trang đó (liên kết neo). Nguyên nhân có thể là gì?

    • A. Phần tử đích mà liên kết neo trỏ tới (bằng `id`) không tồn tại hoặc `id` bị sai chính tả.
    • B. Thuộc tính `target` được đặt thành `_blank`.
    • C. Đó là liên kết ngoài website.
    • D. Trang web đang sử dụng cấu trúc tuyến tính.

    Câu 26: Trong một website có cấu trúc hình cây, nếu bạn đang ở trang

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

    Câu 27: Đoạn mã HTML nào sau đây tạo ra một liên kết đến tệp

    • A. <a href=
    • B. <a href=
    • C. <a href=
    • D. <a href=

    Câu 28: Việc đặt thanh điều hướng ở vị trí cố định trên màn hình (fixed navigation bar) có ưu điểm gì?

    • A. Làm cho trang web tải nhanh hơn.
    • B. Chỉ hiển thị trên trang chủ.
    • C. Giúp người dùng dễ dàng truy cập các liên kết chính mà không cần cuộn trang.
    • D. Giảm số lượng liên kết trên thanh điều hướng.

    Câu 29: Khi thiết kế thanh điều hướng cho website, tại sao nên tránh sử dụng quá nhiều cấp độ thả xuống (nested dropdowns)?

    • A. Làm cho website trông quá đơn giản.
    • B. Có thể gây khó khăn cho người dùng, đặc biệt trên thiết bị di động, và che khuất nội dung.
    • C. Giảm số lượng trang con có thể liên kết đến.
    • D. Tăng tốc độ tải trang một cách không cần thiết.

    Câu 30: Cụm từ

    • A. Hệ thống điều hướng phụ hiển thị đường dẫn của trang hiện tại trong cấu trúc website.
    • B. Một loại hiệu ứng động khi di chuột qua liên kết.
    • C. Tên gọi khác của thanh điều hướng chính.
    • D. Một kỹ thuật tối ưu hóa hình ảnh trên website.

    3 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 3: Xét đoạn mã HTML sau: Học cùng VietJack. Thuộc tính `target="_blank"` có tác dụng gì khi người dùng click vào liên kết này?

    4 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 4: Để tạo một liên kết đến một địa chỉ email cụ thể, ta sử dụng cú pháp nào trong thuộc tính `href` của thẻ ``?

    21 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 21: Xét đoạn mã HTML: Đến Phần 1. Để liên kết này hoạt động, cần có một phần tử HTML khác trên trang với thuộc tính nào?

    22 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 22: Cấu trúc website tuyến tính (Linear structure) phù hợp nhất cho loại nội dung nào?

    23 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 23: Khi sử dụng CSS để tạo thanh điều hướng ngang từ danh sách `

      `, thuộc tính `display` nào thường được áp dụng cho các mục danh sách `

    • ` để chúng nằm trên cùng một hàng?

    24 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 24: Lợi ích chính của việc sử dụng thanh điều hướng nhất quán (consistent navigation) trên toàn bộ website là gì?

    25 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 25: Bạn nhận thấy rằng khi click vào một liên kết, trình duyệt luôn tải lại toàn bộ trang, ngay cả khi trang đích chỉ là một phần khác trên cùng trang đó (liên kết neo). Nguyên nhân có thể là gì?

    26 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 26: Trong một website có cấu trúc hình cây, nếu bạn đang ở trang "Bài viết chi tiết" (là trang con của "Danh sách bài viết"), liên kết "Quay lại Danh sách bài viết" là ví dụ về loại liên kết nào?

    27 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 27: Đoạn mã HTML nào sau đây tạo ra một liên kết đến tệp "style.css" nằm trong thư mục "css" ngang hàng với thư mục chứa trang HTML hiện tại?

    28 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 28: Việc đặt thanh điều hướng ở vị trí cố định trên màn hình (fixed navigation bar) có ưu điểm gì?

    29 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 29: Khi thiết kế thanh điều hướng cho website, tại sao nên tránh sử dụng quá nhiều cấp độ thả xuống (nested dropdowns)?

    30 / 30

    Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 26: Liên kết và thanh điều hướng

    Tags: Bộ đề 10

    Câu 30: Cụm từ "Breadcrumbs" (vụn bánh mì) trong thiết kế website liên quan đến khái niệm nào của bài học?

    Xem kết quả