Tạo liên kết trên trang web hoặc blog của bạn đến một trang khác yêu cầu phải chèn thẻ HTML a href vào phần nội dung của mã nguồn HTML. Khi liên kết được tạo, khách truy cập có thể nhấp hoặc nhấn vào liên kết để mở một trang web hoặc tệp khác. Dưới đây là hai ví dụ với thông tin bổ sung về các loại liên kết khác nhau mà bạn có thể chèn vào một trang
Ghi chú
Các phương pháp trên trang này để thêm liên kết HTML dẫn đến văn bản được liên kết có gạch dưới. Nếu bạn không muốn văn bản được liên kết có gạch chân, hãy xem. Cách tạo liên kết không gạch dưới trong HTML
Ví dụ liên kết HTML tuyệt đối
Computer Hope
Trong ví dụ trên, liên kết bên ngoài là một liên kết đường dẫn tuyệt đối [liên kết bên ngoài] trỏ đến trang chủ của trang web Computer Hope, như hình bên dưới. Miễn là trang web Computer Hope đang hoạt động và bạn có kết nối Internet, bạn có thể truy cập liên kết mà không gặp lỗi
Ví dụ
Hy vọng máy tính
Mẹo
Với liên kết tuyệt đối, bạn có thể liên kết tới bất kỳ URL nào được hiển thị trên thanh địa chỉ Internet của mình. Ví dụ: nếu bạn muốn liên kết đến trang này, bạn có thể sao chép "https. //www. hy vọng máy tính. com/issues/ch001657. htm" và dán nó vào phần href của liên kết
Ví dụ liên kết HTML tương đối
Trong ví dụ bên dưới, liên kết này là liên kết đường dẫn tương đối. Nó trỏ đến một tệp trong cùng thư mục với trang có liên kết
About Us Google
Một liên kết hoặc siêu liên kết có thể là một từ, nhóm từ hoặc hình ảnh
văn bản liên kết
Bất kỳ thứ gì nằm giữa thẻ
About Us
Google
Google Search
Tutorial Republic
Thuộc tính
About Us
Google
URL tuyệt đối là URL bao gồm mọi phần của định dạng URL, chẳng hạn như giao thức, tên máy chủ và đường dẫn của tài liệu, v.v. g. ,
About Us
Google
About Us
Google
About Us
Google
About Us
Google
About Us
Google
About Us
Google
Đặt mục tiêu cho liên kết
Thuộc tính
About Us
Google
About Us
Google
5 — Mở tài liệu được liên kết trong một cửa sổ hoặc tab mớiAbout Us Google
6 — Mở tài liệu được liên kết trong cửa sổ chínhAbout Us Google
7 — Mở tài liệu được liên kết trong cùng một cửa sổ hoặc tab với tài liệu nguồn. Đây là giá trị mặc định, do đó không cần thiết phải chỉ định rõ ràng giá trị nàyAbout Us Google
8 — Mở tài liệu được liên kết trong cửa sổ trình duyệt đầy đủAbout Us Google
Hãy thử ví dụ sau để hiểu cách hoạt động cơ bản của mục tiêu liên kết
About Us
Google
Mẹo. Nếu trang web của bạn được đặt bên trong khung nội tuyến, bạn có thể sử dụng
About Us
Google
Tạo dấu neo đánh dấu
Bạn cũng có thể tạo các liên kết dấu trang để cho phép người dùng chuyển đến một phần cụ thể của trang web. Dấu trang đặc biệt hữu ích nếu bạn có một trang web rất dài
Tạo dấu trang là một quy trình gồm hai bước. trước tiên hãy thêm thuộc tính
Google Search
Tutorial Republic
Google Search
Tutorial Republic
Google Search
Tutorial Republic
About Us
Google
About Us
Google
Google Search
Tutorial Republic
Mẹo. Bạn thậm chí có thể chuyển đến một phần của trang web khác bằng cách chỉ định URL của trang đó cùng với dấu neo [i. e.
Google Search
Tutorial Republic
About Us
Google
Google Search
Tutorial Republic
Tạo liên kết tải xuống
Bạn cũng có thể tạo liên kết tải xuống tệp theo cách giống hệt như đặt liên kết văn bản. Chỉ cần trỏ URL đích tới tệp bạn muốn có sẵn để tải xuống
Trong ví dụ sau, chúng tôi đã tạo liên kết tải xuống cho các tệp ZIP, PDF và JPG
Google Search
Tutorial Republic
Ghi chú. Khi bạn nhấp vào liên kết trỏ đến tệp PDF hoặc tệp hình ảnh, tệp sẽ không được tải trực tiếp xuống ổ cứng của bạn. Nó sẽ chỉ mở tệp trong trình duyệt web của bạn. Hơn nữa, bạn có thể lưu hoặc tải xuống ổ cứng của mình trên cơ sở vĩnh viễn