Thẻ HTML `a`

Khám phá những điều cơ bản về cách làm việc với HTMLathẻ để tạo liên kết

Các liên kết được xác định bằng cách sử dụnganhãn. Đích liên kết được đặt thông quahrefthuộc tính.

Thí dụ:

<a href="https://flaviocopes.com">click here</a>

Giữa thẻ bắt đầu và thẻ đóng, chúng ta có văn bản liên kết.

Ví dụ trên là một URL tuyệt đối. Các liên kết cũng hoạt động với các URL tương đối:

<a href="/test">click here</a>

Trong trường hợp này, khi nhấp vào liên kết, người dùng được chuyển đến/testURL về nguồn gốc hiện tại.

Hãy cẩn thận với/tính cách. Nếu bị bỏ qua, thay vì bắt đầu từ nguồn gốc, trình duyệt sẽ chỉ thêmtestchuỗi vào URL hiện tại.

Ví dụ, tôi đang ở trên tranghttps://flaviocopes.com/axios/và tôi có những liên kết sau:

  • /testmột khi nhấp vào sẽ đưa tôi đếnhttps://flaviocopes.com/test
  • testmột khi nhấp vào sẽ đưa tôi đếnhttps://flaviocopes.com/axios/test

Các thẻ liên kết có thể bao gồm những thứ khác bên trong chúng, không chỉ là văn bản. Ví dụ, hình ảnh:

<a href="https://flaviocopes.com">
	<img src="test.jpg">
</a>

hoặc bất kỳ yếu tố nào khác, ngoại trừ<a>các thẻ.

Nếu bạn muốn mở liên kết trong một tab mới, bạn có thể sử dụngtargetthuộc tính:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

Tải xuống miễn phí của tôiSổ tay HTML


Các hướng dẫn html khác: