# Liên kết(link) trong HTML

## Liên kết là gì?

**Liên kết(Link) trong HTML** là các **siêu liên kết (Hyperlink)**, thường được dùng với thẻ `<a>` để **chuyển giữa các trang** khi người dùng **click vào**.

## Cú pháp

Liên kết trong HTML thường được quy định trong thuộc tính `href` của thẻ `<a>`

```markup
<a href="url">link text</a>
```

Trong đó:

* `href` là **thuộc tính HTML** của thẻ `<a>`
* `url` là **đường dẫn đích** của liên kết khi **click vào**
* **link text** là **nội dung hiển thị** trên website

{% hint style="info" %}
Khi click vào thẻ này trang sẽ chuyển sang liên kết có giá trị là `url`
{% endhint %}

## Thuộc tính target

**Mặc định** khi **click vào Link** trang sẽ chuyển cửa sổ hiện tại sang **trang đích của liên kết**. Để **thay đổi điều này** chúng ta có thể sử dụng thuộc tính target của thẻ `<a>` để làm.

Thuộc tính `target` **quy định nơi mở trang đích** của liên kết. Các giá trị có thể có như sau:

* `_self` :Mặc định, mở tại tab/cửa sổ hiện tại
* `_blank` :Mở ở tab mới
* `_parent` :Mở trang mới tại trang cha của `iframe` (chỉ hiển thị nội dung trang đích nằm trong kích thước mà thẻ `<iframe>` được đặt)
* `_top` :mở trang đích ngay tại tab hiện tại, bất kể có nằm trong thẻ `<iframe>` hay không

## Đường dẫn tương đối và tuyệt đối

{% hint style="info" %}
Xem thêm tại phần [Đường dẫn file trong HTML](/huong-dan-khac/duong-dan-file-trong-html.md)
{% endhint %}

## Gửi email bằng link

Để mở cửa sổ gửi mail của một ứng dụng chúng ta sử dụng thuộc tính `mailto:` trong thuộc tính `href`

```markup
<a href="mailto:someone@example.com">Send email</a>
```

## Gọi điện bằng link

Chúng ta có thể gọi đến một số nếu có chức năng đó trên thiết bị bằng cách sử dụng `tel:` trong `href`

```markup
<a href="tel:09987655433">Gọi điện</a>
```

## Advanced: Tạo Link bằng JS

Chúng ta có thể tạo một Link cho một HTML element bất kỳ bằng cách thêm sự kiện `onclick` và hàm `window.location.href="url"`

```markup
<button onclick="window.location.href='https://google.com'">
    HTML Tutorial
</button>
```

Trong đó:

* `onclick` là thuộc tính của HTML, có thể thêm vào bất kỳ HTML element nào
* `window.location.href` là hàm JS dùng để chuyển trang đến giá trị `url` truyền vào


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.quangkhoi1228.com/html/lien-ket-link-trong-html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.