Các liên kết được tìm thấy trong gần như tất cả các trang web. Các liên kết cho phép người dùng chuyển trangtheo cách của họ từ trang này sang trang khác.

Các siêu liên kết ( liên kết ) trong HTML

Thẻ <a> định nghĩa một siêu liên kết trong HTML.

Một siêu liên kết ( hay liên kết ) là một từ, một nhóm nhiều từ, hoặc hình ảnh mà bạn có thể click vào đó để đi đến một trang web khác.

Khi bạn di chuyển con trỏ qua một liên kết trên trang web, mũi tên của con trỏ sẽ biến thành hình bàn tay.

Hầu hết các thuộc tính quan trọng của thẻ <a> là thuộc tính href, nó chỉ ra đích đến của liên kết.

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:.

· Môt liên kết chưa được nhấp chuột sẽ được gạch dưới và có mầu xanh

· Môt liên kết chưa được nhấp chuột sẽ được gạch dưới và có mầu tím

· Môt liên kết khi được nhấp chuột sẽ được gạch dưới và có mầu đỏ

Cú pháp của liên kết HTML

Mã HTML cho môt liên kết rất đơn giản, chỉ cần:

<a href ="url"> Nội dung liên kết </a>

Trong đó thuộc tính href quy định cụ thể các điểm đến của một liên kết.

<a href="http://www.webdepre.biz/">Đi đến Web Đẹp Rẻ!</a>

Nó sẽ hiển thị là : Đi đến Web Đẹp Rẻ!

Nhấp chuột vào liên kết trên sẽ đưa chúng ta đến trang chủ của Web Đẹp Rẻ!.

Chú ý: "Nội dung liên kết" có thể là hình ảnh hoặc bất cứ phần tử HTML nào đó.

Liên kết trong HTML - Thuộc tính đích đến

Thuộc tính đích đến xác định nơi để mở các tài liệu liên kết.

Ví dụ dưới đây sẽ mở một liên kết đến trang chủ Web Đẹp Rẻ! trong một cửa sổ mới:

Liên kết trong HTML - Định danh của thuộc tính

Định danh của thuộc tính có thể dùng để tạo ra một trang đánh dấu bên trong một tài liệu HTML.

Chú ý: Các trang đánh dấu được hiển thị như nội dung bình thường trong trang web, nó không có hiệu ứng đặc biệt nào.

Ví dụ

Đặt một điểm neo với một định danh bên trong một tài liệu HTML:

<a id="note">Chú ý trong bài này</a>

Tạo một liên kết đến "Chú ý trong bài này" trong trang này:

<a href="#note">Đi đến chú ý trong bài này</a>

Hoặc, tạo ra một liên kết đến ""Chú ý trong bài này" từ một trang khác:

<a href="http://webdepre.biz/hoc-thiet-ke-website/html/97-liên-kết-trong-html.html#note">

 Đi đến chú ý trong bài này</a>

Lời khuyên hữu ích

Mẹo : Luôn luôn thêm một dấu gạch chéo để chỉ định thư mục con. Nếu bạn thiết lập liên kết như sau:href = "http://www.webdepre.biz/hoc-truc-tuyen", bạn sẽ tạo ra hai yêu cầu đến máy chủ, đầu tiên máy chủ sẽ thêm một dấu gạch chéo để đi đến địa chỉ, và sau đó tạo ra một yêu cầu mới như thế này : href = "http://www.webdepre.biz/hoc-truc-tuyen/". Việc thêm dấu gạch chéo sẽ giảm số lượng xử lý của máy chủ và làm cho website chạy nhanh hơn.

Nguồn webdepre