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ểm | Ví 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 Internet | https://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ại | bai_tap/bai_tap_1.html |
Một số ý chính cần nhớ:
- Siêu văn bản là văn bản chứa nhiều loại dữ liệu và các liên kết tới siêu văn bản khác.
- Trong HTML, liên kết được tạo bằng thẻ
cùng thuộc tínhhrefđể cung cấp đường dẫn (tuyệt đối hoặc tương đối) tới địa chỉ đích. - Liên kết ngoài (tới website khác) dùng đường dẫn tuyệt đối.
- Liên kết trong (trong cùng website) dùng đường dẫn tương đối.
- Cú pháp đường dẫn tương đối:
- Cùng thư mục: chỉ ghi tên tệp →
thong_tin.html - Xuống thư mục con: ghi tên thư mục, phân cách bằng
/→bai_tap/bai_tap_1.html - Xuống nhiều cấp: nối tiếp các thư mục bằng
/→bai_tap/on_tap/bai_tap_on_tap.html - Lên thư mục cha: dùng
../(mỗi../là lùi lên một cấp)
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://hayhttps://) và không có tên miền. Nó chỉ mô tả: tìm tệpcach_tao_lien_ket.htmlnằm trong thư mụchtmlso 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ềngoogle.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ềnmail.google.comcùng đường dẫn cụ thể tới hộp thư. Trình duyệt sẽ tự bổ sung giao thứchttps://. 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
Vì 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_tap → bai_tap → web) 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?
