Hướng dẫn how to create a html link - cách tạo liên kết html


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


Liên kết HTML - Siêu liên kết

Liên kết HTML là các siêu liên kết.

Bạn có thể nhấp vào một liên kết và chuyển sang một tài liệu khác.

Khi bạn di chuyển chuột qua một liên kết, mũi tên chuột sẽ biến thành một tay nhỏ.

Lưu ý: Một liên kết không phải là văn bản. Một liên kết có thể là một hình ảnh hoặc bất kỳ phần tử HTML nào khác! A link does not have to be text. A link can be an image or any other HTML element!


Liên kết HTML - Cú pháp

Thẻ HTML <a> xác định một siêu liên kết. Nó có cú pháp sau:

văn bản liên kết

Thuộc tính quan trọng nhất của phần tử <a> là thuộc tính href, biểu thị đích của liên kết.

Văn bản liên kết là phần sẽ hiển thị cho người đọc.

Nhấp vào văn bản liên kết, sẽ gửi người đọc đến địa chỉ URL được chỉ định.

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

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 không được đánh giá cao và màu xanh lam
  • Một liên kết được truy cập được gạch chân và màu tím
  • Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác! Links can of course be styled with CSS, to get another look!


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

Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính target chỉ định nơi mở tài liệu được liên kết.

Thuộc tính target có thể có một trong các giá trị sau:

  • _self - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào
  • _blank - Mở tài liệu trong một cửa sổ hoặc tab mới
  • _parent - Mở tài liệu trong khung cha mẹ
  • _top - Mở tài liệu trong toàn bộ phần thân cửa sổ

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »


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 không được đánh giá cao và màu xanh lamabsolute URL (a full web address) in the href attribute.

Một liên kết được truy cập được gạch chân và màu tímrelative URL (without the "https://www" part):

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

W3C


Google

Truy cập w3schools.com!

HTML Images


CSS Tutorial

Hãy tự mình thử »



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 không được đánh giá cao và màu xanh lam

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hướng dẫn how to create a html link - cách tạo liên kết html

Hãy tự mình thử »


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 không được đánh giá cao và màu xanh lam


Một liên kết được truy cập được gạch chân và màu tím

Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »


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 không được đánh giá cao và màu xanh lam

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »


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:

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

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 không được đánh giá cao và màu xanh lam

  • Một liên kết được truy cập được gạch chân và màu tím
  • Một liên kết hoạt động được gạch chân và màu đỏ
  • Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!
  • Liên kết HTML - Thuộc tính đích
  • Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính target chỉ định nơi mở tài liệu được liên kết.

Thuộc tính target có thể có một trong các giá trị sau:_self - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:Truy cập w3schools.com!

Hãy tự mình thử »



Làm cách nào để tạo một liên kết đến URL?

Tạo một siêu liên kết đến một vị trí trên web Chọn văn bản hoặc hình ảnh mà bạn muốn hiển thị dưới dạng siêu liên kết.Nhấn Ctrl+K.Bạn cũng có thể nhấp chuột phải vào văn bản hoặc hình ảnh và nhấp vào liên kết trên menu phím tắt.Trong hộp Chèn Hộp siêu liên kết, nhập hoặc dán liên kết của bạn vào hộp địa chỉ.Select the text or picture that you want to display as a hyperlink. Press Ctrl+K. You can also right-click the text or picture and click Link on the shortcut menu. In the Insert Hyperlink box, type or paste your link in the Address box.

Làm cách nào để chia sẻ một liên kết trong HTML?

Tạo một thư mục mới trong ổ đĩa và chia sẻ nó dưới dạng công khai trên web.Tải lên các tệp HTML, JS & CSS của bạn lên thư mục này.Mở tệp HTML và bạn sẽ thấy nút Xem trước trên thanh công cụ.Chia sẻ URL trông giống như www.googledrive.com/host/ từ cửa sổ xem trước và bất kỳ ai cũng có thể xem trang web của bạn.