Giải Tin học 12 - Định hướng khoa học máy tính trang 60

Lời giải chi tiết SGK Lớp 12 · Môn Tin Học · Trang 60–61

Đây là bài 10 phần nói về siêu văn bản và liên kết trong HTML. Mình tóm tắt lý thuyết rồi giải hết các câu hỏi nhé.


Tóm tắt lý thuyết

Đường dẫn (path) trong liên kết có hai loại:

Loại đường dẫnĐặc điểmVí dụ
Tuyệt đối (absolute)Có đầy đủ giao thức (http://, https://) và tên miền, chỉ tới một địa chỉ cố định trên Internethttps://google.com
Tương đối (relative)Không có giao thức, không có tên miền; mô tả vị trí tệp dựa trên tài liệu hiện tạibai_tap/bai_tap_1.html

Một số ý chính cần nhớ:


Bài 1: Phân loại đường dẫn tuyệt đối / tương đối

Đề bài: Trong các đường dẫn sau, đường dẫn nào là tuyệt đối, đường dẫn nào là tương đối?

a) html/cach_tao_lien_ket.html
b) http://google.com
c) mail.google.com/mail/u/0/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ

Lời giải từng câu:

  • a) Tương đối. Đường dẫn này không có giao thức (http:// hay https://) và không có tên miền. Nó chỉ mô tả: tìm tệp cach_tao_lien_ket.html nằm trong thư mục html so với tài liệu hiện tại. Vì phụ thuộc vào vị trí hiện tại nên đây là đường dẫn tương đối.
  • b) Tuyệt đối. Có đầy đủ giao thức http:// và tên miền google.com. Đường dẫn này trỏ tới một địa chỉ cố định trên Internet, không phụ thuộc vào tài liệu hiện tại → tuyệt đối.
  • c) Tuyệt đối. Tuy phần đầu không thấy http://, nhưng đây là một địa chỉ web đầy đủ có tên miền mail.google.com cùng đường dẫn cụ thể tới hộp thư. Trình duyệt sẽ tự bổ sung giao thức https://. Vì có tên miền và trỏ tới một tài nguyên cố định trên Internet nên đây là đường dẫn tuyệt đối.

Tóm lại: a) tương đối; b) tuyệt đối; c) tuyệt đối.

Mẹo nhận biết nhanh: cứ có tên miền (ví dụ google.com) thì là tuyệt đối; chỉ có tên thư mục/tệp thì là tương đối.


Bài 2: Hoạt động 2 – Kể tên các trường hợp liên kết

Đề bài: Hãy kể tên các trường hợp liên kết mà em đã gặp khi duyệt web hoặc khi đọc văn bản.

Đây là câu hỏi mở để dẫn dắt vào bài. Dựa theo nội dung sách, các trường hợp liên kết thường gặp gồm:

  • Liên kết tới một trang web khác (liên kết ngoài): ví dụ từ một bài báo bấm vào link dẫn sang trang YouTube, Wikipedia, hay trang của nhà xuất bản.
  • Liên kết tới một trang khác trong cùng website (liên kết trong): ví dụ từ trang chủ bấm vào menu để đi tới trang "Giới thiệu", "Liên hệ", "Sản phẩm".
  • Liên kết tới một vị trí khác trong cùng một trang: ví dụ bấm "Lên đầu trang", hoặc bấm mục lục để nhảy tới một phần nội dung phía dưới.
  • Liên kết tới tệp để tải về: ví dụ bấm để tải file PDF, hình ảnh, tài liệu.
  • Liên kết mở ứng dụng khác: ví dụ bấm địa chỉ email (mailto:) để mở phần mềm gửi thư, hay bấm số điện thoại trên web di động để gọi điện.

Câu này không có đáp án "đúng/sai" cố định, miễn em kể được các tình huống liên kết hợp lý là đạt.


Bài 3: Bài tập vận dụng đọc đường dẫn theo Hình 10.1

Trang 59 đưa ra cấu trúc website (Hình 10.1) cùng các ví dụ. Mình giải thích chi tiết từng ví dụ để em nắm chắc cách viết đường dẫn tương đối.

Cấu trúc thư mục trong Hình 10.1:

web/
├── images/
│   ├── sun.png
│   └── star.gif
├── index.html
├── thong_tin.html
└── bai_tap/
    ├── bai_tap_1.html
    ├── bai_tap_2.html
    └── on_tap/
        └── bai_tap_on_tap.html

Các trường hợp liên kết (xuất phát từ index.html):

  • Cùng thư mục → tới thong_tin.html:
Giới thiệu về trang web

thong_tin.html nằm cùng cấp với index.html nên chỉ cần ghi tên tệp.

  • Thư mục con, dưới một cấp → tới bai_tap_1.html:
Bài tập 1

Tệp nằm trong thư mục bai_tap, nên ghi tên_thư_mục/tên_tệp, phân cách bằng dấu /.

  • Thư mục con, dưới hai cấp → tới bai_tap_on_tap.html:
Bài tập ôn tập

Đi từ index.html xuống bai_tap, rồi xuống tiếp on_tap, mới tới tệp đích. Mỗi cấp phân cách bằng /.

Lưu ý về ký tự ../:

Khi trang đích nằm ở thư mục mức trên so với tệp hiện tại, ta dùng ../. Mỗi cụm ../ nghĩa là "lùi lên một cấp thư mục". Số cụm ../ bằng số cấp cần lùi lên.

Ví dụ minh họa (không in trong ảnh, mình bổ sung để em hiểu rõ): nếu em đang ở bai_tap/on_tap/bai_tap_on_tap.html và muốn liên kết ngược về index.html:

Về trang chủ

Ở đây cần lùi 2 cấp (on_tapbai_tapweb) nên dùng hai cụm ../.


Hai trang này chủ yếu là lý thuyết về liên kết và đường dẫn, có một câu hỏi phân loại (Bài 1) và một hoạt động mở (Bài 2). Phần khó nhất thường là viết đường dẫn tương đối nhiều cấp và dùng ../ cho đúng số lần, em luyện thêm vài ví dụ với Hình 10.1 là quen ngay. Cần mình ra thêm bài tập tự luyện về đường dẫn không?

Chế độ đọc sách →