Làm cách nào để liên kết một trang web với trang html của tôi?

Liên kết hoặc siêu liên kết là kết nối từ tài nguyên web này sang tài nguyên web khác. Liên kết cho phép người dùng di chuyển liền mạch từ trang này sang trang khác, trên bất kỳ máy chủ nào ở bất kỳ đâu trên thế giới

Một liên kết có hai đầu, được gọi là neo. Liên kết bắt đầu tại điểm neo nguồn và trỏ đến điểm neo đích, có thể là bất kỳ tài nguyên web nào, ví dụ: hình ảnh, âm thanh hoặc clip video, tệp PDF, tài liệu HTML hoặc một phần tử trong chính tài liệu đó, v.v.

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

• Một liên kết chưa được truy cập được gạch chân và có màu xanh lam
• Một liên kết đã truy cập được gạch chân và có màu tím
• Một liên kết hoạt động được gạch dưới và màu đỏ

Tuy nhiên, bạn có thể ghi đè lên điều này bằng CSS. Tìm hiểu thêm về liên kết tạo kiểu

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

Các liên kết được chỉ định trong HTML bằng cách sử dụng thẻ About Us Google

9

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ì giữa thẻ mở About Us Google

9 và thẻ đóng đều trở thành một phần của liên kết mà người dùng nhìn thấy và nhấp vào trong trình duyệt. Dưới đây là một số ví dụ về các liên kết

Google Search Tutorial Republic

Thuộc tính About Us Google

1 chỉ định mục tiêu của liên kết. Giá trị của nó có thể là một URL tuyệt đối hoặc tương đối

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

2, About Us Google 3, v.v. Trong khi, các URL tương đối là các đường dẫn liên quan đến trang, e. g. , About Us Google 4, About Us Google 0, v.v. URL tương đối không bao giờ bao gồm tiền tố About Us Google 1 hoặc About Us Google 2

Đặt mục tiêu cho liên kết

Thuộc tính About Us Google

3 cho trình duyệt biết nơi mở tài liệu được liên kết. Có bốn mục tiêu được xác định và mỗi tên mục tiêu bắt đầu bằng ký tự gạch dưới (About Us Google 4)

• About Us Google
  5 — Mở tài liệu được liên kết trong một cửa sổ hoặc tab mới
• About Us Google
  6 — Mở tài liệu được liên kết trong cửa sổ chính
• About 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ày
• About Us Google
  8 — Mở tài liệu được liên kết trong cửa sổ trình duyệt đầy đủ

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

9 trên các liên kết để thoát ra khỏi khung nội tuyến và hiển thị trang đích trong cửa sổ trình duyệt đầy đủ

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 About Us Google

20 vào phần tử mà bạn muốn chuyển đến, sau đó sử dụng giá trị thuộc tính About Us Google 20 đứng trước dấu thăng (About Us Google 22) làm giá trị của thuộc tính About Us Google 1 của thẻ About Us Google 9, như minh họa trong ví dụ sau

About Us Google

2

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. About Us Google

25) trong thuộc tính About Us Google 1, ví dụ: About Us Google 27

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

About Us Google

8

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 thường xuyên