Hyperlink HTML
Hyperlink atau Tautan ditemukan hampir di semua halaman web. Tautan memungkinkan pengguna untuk mengklik dari satu dokumen ke dokumen lain, dan dari satu halaman menuju halaman lain.
Ketika Anda mengarahkan mouse ke atas tautan (istilahnya: hover), kursor mouse yang semula berbentuk panah, akan berubah menjadi icon tangan kecil.
Catatan: Sebuah tautan tidak harus berupa teks. Sebuah tautan dapat berupa gambar atau elemen HTML lainnya!
Hyperlink HTML - Sintaks
Tag HTML <a> mendefinisikan sebuah hyperlink. Tag ini memiliki sintaks berikut:
<a href="url">teks tautan</a>Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan dari tautan tersebut.
Teks tautan adalah bagian yang akan terlihat oleh pembaca.
Mengklik teks tautan akan mengirim pembaca ke alamat URL yang ditentukan.
Contoh membuat hyperlink menuju web edu.hsi.id
<a href="https://edu.hsi.id/">Kunjungi Edu HSI</a>Secara default, tautan akan muncul sebagai berikut di semua browser:
-
Tautan yang belum dikunjungi diberi garis bawah dan berwarna biru.
-
Tautan yang telah dikunjungi diberi garis bawah dan berwarna ungu.
-
Tautan yang aktif diberi garis bawah dan berwarna merah.
Tip: Tautan tentunya dapat disesuaikan tampilannya menggunakan CSS, untuk mendapatkan tampilan yang berbeda!
Judul Tautan
Atribut title menentukan informasi tambahan tentang sebuah elemen. Informasi ini biasanya ditampilkan sebagai teks tooltip ketika mouse bergerak di atas elemen tersebut.
Contoh:
<a href="https://edu.hsi.id/" title="Pergi ke halaman Edu HSI">Kunjungi Edu HSI</a>