Apa HTML yang Benar untuk Membuat Hyperlink?
Hyperlink adalah bagian penting dari sebuah halaman web. Ini memungkinkan pengguna untuk berpindah dari satu halaman ke halaman lainnya, baik di situs web yang sama atau ke situs web yang berbeda. Dalam HTML, hyperlink dibuat menggunakan tag <a>.
Berikut adalah struktur dasar tag <a>:
Teks hyperlink
Keterangan:
<a>: Tag pembuka untuk hyperlink.href: Atribut yang menentukan alamat URL dari halaman tujuan hyperlink.alamat_url: URL dari halaman tujuan hyperlink.Teks hyperlink: Teks yang akan ditampilkan sebagai hyperlink.</a>: Tag penutup untuk hyperlink.
Contoh:
Kunjungi Google
Kode di atas akan menghasilkan hyperlink "Kunjungi Google" yang akan mengarahkan pengguna ke halaman depan Google.
Atribut Tambahan untuk Hyperlink
Selain atribut href, tag <a> memiliki beberapa atribut tambahan yang dapat digunakan untuk mengatur tampilan dan perilaku hyperlink.
target: Atribut ini menentukan cara membuka halaman tujuan._blank: Membuka halaman tujuan di tab atau jendela baru._self: Membuka halaman tujuan di jendela yang sama._parent: Membuka halaman tujuan di jendela induk._top: Membuka halaman tujuan di jendela teratas.
title: Atribut ini menentukan teks tooltip yang akan ditampilkan ketika pengguna mengarahkan mouse ke atas hyperlink.rel: Atribut ini menentukan hubungan antara halaman saat ini dan halaman tujuan.download: Atribut ini memungkinkan pengguna untuk mengunduh file yang dihubungkan oleh hyperlink.
Contoh Penggunaan Atribut Tambahan
Kunjungi Google
Kode di atas akan menghasilkan hyperlink "Kunjungi Google" yang akan membuka halaman depan Google di tab baru. Ketika pengguna mengarahkan mouse ke atas hyperlink, akan muncul tooltip "Kunjungi Google".
Penjelasan Lebih Lanjut
- URL: URL (Uniform Resource Locator) adalah alamat unik yang digunakan untuk mengidentifikasi sumber daya pada internet.
- Tag
<a>: Tag ini adalah singkatan dari "anchor", yang merupakan istilah untuk titik referensi atau tujuan pada dokumen HTML. - Atribut
href: Atribut ini wajib digunakan dalam tag<a>dan menentukan alamat URL dari halaman tujuan.
Dengan memahami cara menggunakan tag <a> dan atributnya, Anda dapat membuat hyperlink yang berfungsi dan mudah digunakan dalam halaman web Anda.