Tin họcLớp 12Phần 4. Chủ đề 4 · Giải quyết vấn đề với sự trợ giúp của máy tính · Chung

Bài 10. Tạo liên kết

Mục tiêu bài học

Giải thích và vận dụng nội dung tạo liên kết qua dữ kiện cụ thể.
Tạo hoặc đánh giá sản phẩm, nêu điều kiện đúng và kiểm tra kết quả bằng bằng chứng.

Bài giảng

Hiểu cách hoạt động

Phần tử a với href tạo siêu liên kết; văn bản liên kết cần nói rõ đích. URL tuyệt đối nêu lược đồ và máy chủ, đường dẫn tương đối được giải theo vị trí tài liệu hiện tại. Dấu # theo sau id trỏ tới vị trí trong tài liệu; id cần duy nhất. Phân biệt liên kết chuyển trang với đường dẫn tệp nguồn của hình ảnh. Chỉ liên kết tài liệu có quyền sử dụng, kiểm đích và cảnh báo liên kết ngoài khi cần; không nhúng dữ liệu bí mật vào URL. Trang example.org là miền ví dụ chuẩn, không là nguồn nội dung khoa học của bài.

Làm và tự kiểm tra

Mã mẫu tự biên soạn; lưu UTF-8 theo tên tệp trong nhiệm vụ.

<nav><a href="index.html">Trang chủ</a> | <a href="lich.html">Lịch</a></nav>
<p><a href="#vat-tu">Đến vật tư</a></p>
<h2 id="vat-tu">Vật tư</h2><p>Chậu và giá thể.</p>
<p><a href="https://example.org/">Trang ví dụ chuẩn</a></p>

Kết quả suy ra từ cấu trúc mã: hai liên kết tệp cùng thư mục, một liên kết nội trang đến h2 vật tư, một liên kết tuyệt đối ra trang ví dụ. Không coi mô tả này là ảnh chụp hay kết quả đã thao tác trên máy người học.

Ghi nhớ

Phần tử a với href tạo siêu liên kết; văn bản liên kết cần nói rõ đích.

Bài tập

Đã đúng 0/6 câu

Câu 1Mức 2Trắc nghiệm 1 đáp án
Thuộc tính xác định đích của a là gì?
Câu 2Mức 2Trắc nghiệm 1 đáp án
Từ /vuon/index.html, href="lich.html" trỏ tới đường dẫn nào trên cùng máy chủ?
Câu 3Mức 2Đúng / Sai
href="#vat-tu" cần một đích có id="vat-tu" để nhảy tới vị trí dự kiến.
Câu 4Mức 2Ghép nối
Ghép dạng đường dẫn.
Chạm một ý bên trái rồi chạm ý tương ứng bên phải để ghép cặp.
Câu 5Mức 2Trắc nghiệm 1 đáp án
Văn bản liên kết nào rõ mục đích hơn?
Câu 6Mức 2Đúng / Sai
Đặt mật khẩu trong tham số URL là cách chia sẻ tài khoản an toàn.
Câu 7Mức 3Tự luận
Viết menu Trang chủ→index.html, Lịch→lich.html; thêm liên kết “Đến vật tư” nhảy tới mục vật tư cùng trang và một liên kết tuyệt đối tới https://example.org/.
0 từ
0/10 ảnh
Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.
Vẽ bài làm
Ảnh bài làm
Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay
Câu 8Mức 3Tự luận
Trong /vuon/pages/lich.html có liên kết ../index.html. Xác định đích và giải thích vì sao đổi chỗ tệp có thể làm hỏng liên kết.
0 từ
0/10 ảnh
Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.
Vẽ bài làm
Ảnh bài làm
Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay