Liên kết HTML là siêu liên kết (hyperlinks), nghĩa là khi bạn nhấp vào một liên kết, nó sẽ nhảy sang tài liệu khác.
Cú pháp
Cú pháp như sau:
<a href="URL" target="value">Nội dung liên kết</a>
Ở đây URL chỉ định địa chỉ đích và nó có thể là địa chỉ cục bộ hoặc bên ngoài. Thuộc tính target định nghĩa nơi mở tài liệu được liên kết và nó có thể nhận các giá trị sau:
| Giá trị | Giải thích |
|---|---|
| _blank | Mở tài liệu liên kết trong tab hoặc cửa sổ mới. |
| _parent | Mở tài liệu liên kết trong khung cha (parent frame). |
| _self | Mở tài liệu liên kết trong cùng cửa sổ (mặc định). |
| _top | Mở tài liệu liên kết trong toàn bộ thân cửa sổ. |
Ví dụ
Dưới đây là ví dụ minh họa Liên kết HTML:
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
</style>
<body>
<h1>Demo Liên kết HTML</h1>
<a href="https://google.com" target="_blank">Đi đến Google</a>
</body>
</html>
Kết quả
Bây giờ nhấp vào "Đi đến Google" để mở liên kết Google trong cửa sổ mới.