Siêu văn bản (hypertext): Là loại văn bản chứa nội dung đa dạng (văn bản, âm thanh, hình ảnh...) và các siêu liên kết (hyperlink) để truy cập thông tin không theo trình tự.
Thẻ tạo liên kết: Sử dụng thẻ <a> với cú pháp: <a href="URL">Nội dung hiển thị</a>.
Phân loại đường dẫn (URL):
- Đường dẫn tuyệt đối: Cung cấp địa chỉ đầy đủ (giao thức, tên miền). Dùng khi liên kết đến tài liệu bên ngoài máy chủ của mình.
- Đường dẫn tương đối: Mô tả cách truy cập tài liệu từ vị trí hiện tại. Dùng khi liên kết đến các tài liệu trong cùng một website.

2. Các cách tạo liên kết

Liên kết đến trang web khác: Sử dụng đường dẫn tuyệt đối trong thuộc tính href.
Liên kết đến vị trí khác trong cùng website: Sử dụng đường dẫn tương đối (cung cấp tên tệp hoặc đường dẫn thư mục).
Liên kết đến vị trí trong cùng trang web:
- Bước 1: Đặt thuộc tính id cho thẻ tại vị trí cần đến (ví dụ: <table id="Thong_tin">).
- Bước 2: Tạo liên kết với href="#id" (ví dụ: <a href="#Thong_tin">Chi tiết</a>).
Liên kết đến hình ảnh: Sử dụng thẻ <img> đặt bên trong cặp thẻ <a>.

II. KIẾN THỨC TRỌNG TÂM

Siêu liên kết là thành phần cốt lõi cho phép duyệt thông tin phi tuyến tính trên môi trường web.
Thuộc tính href trong thẻ <a> là bắt buộc để xác định địa chỉ đích của liên kết.
Đường dẫn tuyệt đối bao gồm đầy đủ giao thức và tên miền, phù hợp cho liên kết ngoài.
Đường dẫn tương đối giúp website linh hoạt hơn khi di chuyển các tệp trong cùng hệ thống.
Kỹ thuật id kết hợp với href="#id" cho phép tạo liên kết đến các phần cụ thể ngay trong một trang web.
Có thể biến hình ảnh thành nút bấm liên kết bằng cách lồng thẻ <img> vào trong thẻ <a>.

III. BỐ CỤC SLIDE PPTX

Slide 1: Tiêu đề
- Tiêu đề: BÀI 10: TẠO LIÊN KẾT
- Nội dung: Họ và tên, Năm học 2026 - 2027.
Slide 2: Tổng quan về liên kết
- Tiêu đề: Siêu văn bản và Siêu liên kết
- Nội dung: Khái niệm siêu văn bản và cú pháp cơ bản của thẻ <a>.
Slide 3: Các loại đường dẫn
- Tiêu đề: Đường dẫn tuyệt đối và Tương đối
- Nội dung: Phân biệt, so sánh và trường hợp sử dụng của từng loại đường dẫn.
Slide 4: Liên kết trong website
- Tiêu đề: Tạo liên kết đến trang khác
- Nội dung: Cách liên kết giữa các tệp trong cùng thư mục hoặc khác thư mục.
Slide 5: Liên kết trong trang
- Tiêu đề: Định danh và liên kết nội bộ
- Nội dung: Cách dùng thuộc tính id và href="#id" để nhảy đến vị trí mong muốn.
Slide 6: Liên kết hình ảnh
- Tiêu đề: Hình ảnh làm liên kết
- Nội dung: Hướng dẫn lồng thẻ <img> trong thẻ <a>.
Slide 7: Tổng kết
- Tiêu đề: Tóm tắt bài học
- Nội dung: Tầm quan trọng của liên kết trong việc xây dựng hệ thống website hoàn chỉnh.