HTML Links :: Hyperlinks
Tautan (link) ditemukan di hampir semua halaman web. Tautan memungkinkan pengguna mengeklik dari halaman ke halaman. Saat Anda menggerakkan mouse ke atas tautan, panah mouse akan berubah menjadi icon tangan kecil, itu menandakan bahwa tautan tersebut aktif dan siap diklik. Tautan tidak harus berupa teks. Tautan dapat berupa gambar atau elemen HTML lainnya.
Sintaks Hyperlinks
Tag HTML < a > mendefinisikan hyperlink dan memiliki sintaks sebagai berikut:
[<a href="url">link text</a>]
Atribut paling penting dari elemen < a > adalah atribut href, yang menunjukkan tujuan tautan. Teks tautan adalah bagian yang akan terlihat oleh pembaca. Mengklik teks tautan, akan mengarahkan pembaca ke alamat URL yang ditentukan. Contoh :
[<a href="https://www.dev.or.id/">Tutorial Koding</a>]
Jika pengguna mengeklik text tautan tutorial koding, maka akan diarahkan ke url https://www.dev.or.id
Secara default, tautan akan muncul sebagai berikut di semua browser:
- Tautan yang belum dikunjungi digarisbawahi dan berwarna biru
- Tautan yang sudah dikunjungi digarisbawahi dan berwarna ungu
- Tautan aktif digarisbawahi dan berwarna merah
Atribut Target
Secara default, halaman tertaut akan ditampilkan di jendela browser saat ini. Untuk mengubahnya, Anda harus menentukan target lain untuk tautan tersebut. Atribut target menentukan tempat untuk membuka dokumen tertaut. Atribut target dapat memiliki salah satu dari nilai berikut:
- _self - Default. Membuka dokumen di jendela/tab yang sama saat diklik
- _blank - Membuka dokumen di jendela atau tab baru
- _parent - Membuka dokumen di parent frame
- _top - Membuka dokumen di seluruh badan jendela
Gunakan target="_blank" untuk membuka dokumen tertaut di jendela atau tab browser baru:
[<a href="https://www.dev.or.id/" target="_blank">Tutorial Koding</a>]
Credit :
Penulis : Nurani P
Gambar Ilustrasi : Canva
COMMENTS