HTML hyperlink adalah sebuah tag HTML yang berfungsi untuk navigasi antar halaman, ataupun navigasi ke link eksternal.
Hyperlink di-representasikan dengan tag <a>
.
Tag <a>
memiliki beberapa atribut, yaitu:
href
adalah atribut dari elemen <a>
yang paling penting, karena berfungsi untuk meletakan link atau halaman tujuan.
<a href="https://github.com/">Link menuju situs Github</a>
<a href="dashboard.html">Link menuju halaman dashboard</a>
<a href="#about">Link menuju section atau elemen HTML yang diberi id about</a>
Atribut target
berfungsi untuk menjelaskan ke mana link akan dibuka. Untuk lebih jelasnya, berikut adalah beberapa nilai yang dapat digunakan sebagai nilai atribut target
:
Ini adalah nilai default untuk target
, berfungsi untuk membuka link di halaman/tab yang sama.
<a href="https://github.com/" target="_self">Link menuju Github</a>
Jika tidak memberikan atribut target
, berarti sama saja dengan memberi nilai _self
.
<a href="https://github.com/">Link menuju Github</a>
Berfungsi untuk membuka link di tab baru.
<a href="https://github.com/" target="_blank">Link menuju Github</a>
Berfungsi untuk membuka link hanya di parent dari sebuah frame
.
<a href="https://github.com/" target="_parent">Link menuju Github</a>
Berfungsi untuk membuka link secara penuh di window browser, walaupun terdapat frame
yang bersarang.
<a href="https://github.com/" target="_top">Link menuju Github</a>
Jika kita ingin membuat navigasi antar halaman atau membuka link situs eksternal, maka kita dapat menggunakan tag <a>
dengan atribut href
yang di-isi halaman atau situs yang kita inginkan. Lalu ada atribut target
, kebanyakan orang mengisinya dengan nilai _blank
agar membuka link tersebut di tab baru.