BÀI 10: TẠO LIÊN KẾT

I - MỤC TIÊU BÀI HỌC

• Sử dụng thẻ HTML tạo được các loại liên kết.

II - KIẾN THỨC CẦN GHI NHỚ

1. SIÊU VĂN BẢN VÀ ĐƯỜNG DẪN

- Siêu văn bản (hypertext) là loại văn bản mà nội dung của nó không chỉ chứa văn bản mà còn có thể chứa nhiều dạng dữ liệu khác như âm thanh, hình ảnh,... và đặc biệt là chứa các siêu liên kết (hyperlink) tới siêu văn bản khác. Khi xem siêu văn bản, không cần xem tuần tự từ đầu đến cuối mà có thể nhờ các siêu liên kết để truy cập vị trí tương ứng không theo trình tự nào.

- Siêu liên kết (còn gọi tắt là liên kết) là một tham chiếu để liên kết tới siêu văn bản khác. Người dùng có thể dễ dàng truy cập đến văn bản liên kết bằng cách nháy chuột vào vị trí đặt liên kết trong văn bản ban đầu.

- Tạo liên kết:

+ HTML sử dụng thẻ <a> để tạo các liên kết. 

+ Cấu trúc chung của thẻ <a> có dạng:

Trong đó:

• URL là địa chỉ (đường dẫn) tham chiếu tới tài liệu được liên kết. Đường dẫn URL phải được nằm trong cặp dấu nháy kép " ".
• Thuộc tính href dùng để cung cấp địa chỉ của trang web hay tài nguyên được liên kết (URL) tới. 

- Có hai loại URL chính:

+ Đường dẫn tuyệt đối: 

• Cung cấp một địa chỉ đầy đủ bao gồm cả giao thức (http:// hoặc https://), tên miền (domain name) và đường dẫn chi tiết nếu cần. 
• Khi sử dụng liên kết trên mạng Internet (mà tài liệu không nằm trên máy chủ của mình), ta cần phải sử dụng đường dẫn tuyệt đối. 

Ví dụ:

href="https://www.nxbgd.vn/". 

• Đôi khi đường dẫn tuyệt đối rất dài và khó nhìn, ta vẫn cần để một cách chính xác.

+ Đường dẫn tương đối: 

• Mô tả cách truy cập tài liệu được liên kết từ vị trí của tài liệu hiện tại. 
• Được sử dụng khi liên kết tới một tài liệu khác trên cùng trang web (cùng máy chủ hoặc máy tính cài đặt trang web), nó không yêu cầu giao thức hay tên miền, mà chỉ cần tên đường dẫn.

2. CÁC CÁCH TẠO LIÊN KẾT TỚI MỘT TRANG WEB

a) Liên kết tới một trang web khác

- Liên kết từ một trang web tới một trang web khác trên Internet được gọi là liên kết ngoài. 

- Để tạo liên kết ngoài, sử dụng thẻ <a> và truyền đường dẫn tuyệt đối cho thuộc tính href.

b) Liên kết đến một vị trí khác trong cùng website

- Liên kết đến một vị trí khác trong cùng website được gọi là liên kết trong.

- Để tạo liên kết trong, sử dụng thẻ <a> và truyền đường dẫn tương đối cho thuộc tính href. Khi đường dẫn không có giao thức ở đầu (http:// hoặc https://), trình duyệt kiểm tra địa chỉ đó trên máy chủ hiện tại để tìm tài liệu và liên kết. Tên đường dẫn được sử dụng để xác định tệp được liên kết.

- Các trường hợp liên kết trong website:

+ Liên kết tới trang web cùng thư mục: href="tên_tệp_liên_kết_tới"

+ Liên kết tới trang web thuộc thư mục khác, dưới một cấp: đường dẫn gồm tên thư mục và tên tệp được phân cách bằng dấu "/".

+ Liên kết tới trang web thuộc thư mục khác, dưới hai (hay nhiều) cấp: đường dẫn gồm tên các thư mục và tên tệp cần được liên kết theo thứ tự từ trên xuống được phân cách bởi dấu "/".

+ Liên kết tới vị trí khác trong cùng trang web

Để tạo liên kết trong cùng trang, ta thực hiện hai bước:

• Bước 1: Tạo phần tử HTML có thuộc tính id nằm tại vị trí được liên kết đến. Thuộc tính id cần được đặt tên duy nhất (chỉ xuất hiện duy nhất một lần trong toàn bộ trang web) và được gọi là mã định danh đoạn
• Bước 2: Tạo liên kết tới phần tử trên: href="#mã_định_danh_đoạn".

+ Tạo liên kết tới hình ảnh

• Để tạo liên kết tới hình ảnh, ta cần hiển thị ảnh trong trang web với thẻ <img>:
• 
• Trong đó đường dẫn tới tệp ảnh cũng sử dụng đường dẫn tuyệt đối hoặc đường dẫn tương đối như trên.