Apa Itu Hyperlink di HTML dan Bagaimana Cara Kerjanya?

Pernahkah kamu mengeklik sebuah tulisan berwarna biru di sebuah website, lalu tiba-tiba kamu berpindah ke halaman lain? Nah, tulisan yang bisa diklik itulah yang dinamakan dengan hyperlink, atau sering kita sebut "link" saja.

Di dunia HTML, hyperlink adalah elemen yang sangat penting. Tanpa hyperlink, internet cuma akan jadi kumpulan halaman statis yang tidak saling terhubung. Yuk, kita pelajari apa itu hyperlink dan bagaimana cara gampang membuatnya!

Persiapan Belajar Hyperlink

Untuk mulai mencoba membuat hyperlink sendiri, kamu cuma butuh dua alat sederhana yang pasti sudah ada di komputermu:

• Text editor bawaan seperti Notepad (Windows) atau TextEdit (Mac).
• Aplikasi browser seperti Google Chrome atau Firefox untuk melihat hasilnya.

Cara Kerja dan Langkah-langkah Membuat Hyperlink

Hyperlink di HTML dibuat menggunakan tag khusus, yaitu tag anchor yang disingkat menjadi <a>. Agar tag ini berfungsi, kita butuh sebuah atribut bernama href (Hypertext Reference) untuk menaruh alamat tujuannya. Berikut adalah cara membuatnya langkah demi langkah:

1. Buka Tag Anchor: Mulailah dengan mengetikkan tag pembuka, yaitu <a href="">. Tanda kutip tersebut adalah tempat kita menaruh link tujuannya.
2. Masukkan URL Tujuan: Isi di antara tanda kutip dengan alamat website yang ingin kamu tuju. Contoh: <a href="https://google.com">.
3. Tulis Teks yang Bisa Diklik: Setelah tag pembuka, ketik kata atau kalimat yang akan muncul di layar pengunjung. Contoh: <a href="https://google.com">Buka Google.
4. Tutup Tag Anchor: Terakhir, jangan lupa untuk selalu menutup perintah dengan tag penutup </a>.

Jika digabungkan, kode lengkapnya akan terlihat seperti ini: <a href="https://google.com">Buka Google</a>. Sangat mudah, bukan?

Tips Tambahan Saat Menggunakan Hyperlink

Kalau kamu ingin saat link diklik halamannya terbuka di tab baru (biar pengunjung tidak kehilangan halaman web kamu), kamu bisa menambahkan atribut target="_blank". Contohnya jadi seperti ini:

<a href="https://google.com" target="_blank">Buka Google di Tab Baru</a>

Penutup

Nah, sekarang kamu sudah tahu kan rahasia di balik teks-teks yang bisa diklik di internet. Dengan menguasai tag hyperlink ini, kamu sudah selangkah lebih maju dalam memahami struktur dasar pembuatan sebuah website.

Semoga artikel ini bermanfaat dan bikin kamu makin semangat belajar HTML. Untuk melihat karya saya yang lain dan mengenal saya lebih dekat, silakan klik di sini.

FAQ (Pertanyaan yang Sering Diajukan)

1. Apakah hyperlink hanya bisa dipasang pada teks?

Tentu tidak. Kamu juga bisa menjadikan sebuah gambar sebagai hyperlink. Caranya cukup dengan meletakkan tag gambar (<img>) di antara tag pembuka <a> dan tag penutup </a>.

2. Apa bedanya Internal Link dan External Link?

Internal link adalah tautan yang mengarah ke halaman lain di dalam website yang sama. Sedangkan external link adalah tautan yang mengarah ke website milik orang lain di luar website kita.

3. Kenapa hyperlink yang saya buat tidak bisa diklik atau error?

Kesalahan yang paling sering terjadi pada pemula adalah lupa meletakkan tag penutup </a> di akhir teks, atau ada salah ketik pada bagian alamat URL di dalam atribut href.