CARA MEMBUAT HYPERLINK DI HTML

Menambahkan hyperlink pada sebuah website adalah proses yang sangat penting dalam pembuatan situs web. Fungsinya cukup jelas, yaitu mengaitkan halaman satu ke halaman lainnya, menjadi jembatan bagi pengguna untuk menjelajahi lebih banyak konten di website kamu. Dalam artikel ini, kamu akan dipandu bagaimana cara membuat hyperlink di HTML.

Apa itu Hyperlink?

Hyperlink adalah elemen pada sebuah halaman web yang jika diklik akan membawa kamu ke halaman lain. Link ini bisa merujuk ke halaman lain di situs web yang sama, atau bisa juga merujuk ke halaman di situs web lain. Hyperlink biasanya diperlihatkan sebagai teks yang digarisbawahi dan berwarna biru, namun bisa disesuaikan melalui CSS.

Cara Membuat Hyperlink di HTML

Untuk membuat hyperlink di HTML, kamu bisa menggunakan tag <a>. Tag ini mempunyai atribut href yang digunakan untuk menentukan tujuan dari hyperlink tersebut. Mari kita lihat contoh sederhana untuk memahami bagaimana cara kerjanya.

<a href="https://www.contohwebsite.com">Klik di sini</a>

Dalam contoh di atas, teks “Klik di sini” akan menjadi hyperlink yang membawa pengguna ke ”www.contohwebsite.com” ketika diklik.

Menghubungkan Dokumen di Website yang Sama

Jika kamu ingin membuat hyperlink ke dokumen lain di website yang sama, kamu tidak perlu menulis URL lengkapnya. Cukup tulis lokasi relatifnya saja. Contohnya:

<a href="/kontak.html">Hubungi Kami</a>

Link tersebut akan mengarahkan pengguna ke halaman “kontak.html” di website yang sama.

Membuka Hyperlink di Tab Baru

Kadang, kamu mungkin ingin bahwa ketika pengguna mengklik hyperlink, halaman tujuannya dibuka di tab baru bukan di tab yang sama. Kamu bisa mewujudkan hal ini dengan menambahkan atribut target dengan nilai “_blank” ke tag <a>. Contohnya:

<a href="https://www.contohwebsite.com" target="_blank">Klik di sini</a>

Dengan kode di atas, link akan dibuka di tab baru, bukan di tab yang sama.

Kesimpulan

Membuat hyperlink di HTML adalah langkah penting dalam pembuatan website yang interaktif dan mudah dinavigasi. Dengan pemahaman tag <a> dan berbagai atributnya, sekarang kamu dapat membuat hyperlink di HTML dengan mudah dan efisien. Selamat mencoba!