Hyperlink atau yang sering disebut dengan tautan dalam bahasa Indonesia adalah salah satu elemen penting dalam web design. Hyperlink sendiri berfungsi untuk menghubungkan satu halaman web dengan halaman web lainnya. Dalam artikel ini, kita akan membahas apa itu hyperlink dan bagaimana cara membuatnya dengan mudah.
Pengertian Hyperlink
Hyperlink adalah sebuah tautan atau jalan pintas yang menghubungkan satu halaman web dengan halaman web lainnya. Hyperlink ini dapat berupa teks, gambar, atau objek lainnya yang dapat diklik oleh pengguna untuk membuka halaman web yang dituju. Dalam HTML, hyperlink ditulis menggunakan tag <a> dan ditutup dengan tag </a>.
Contoh penggunaan tag <a> dalam HTML:
<a href="http://www.contoh.com">Ini adalah contoh hyperlink</a>
Pada contoh di atas, tag <a> digunakan untuk membuat hyperlink dengan URL atau alamat web http://www.contoh.com. Sedangkan tulisan “Ini adalah contoh hyperlink” akan ditampilkan sebagai teks yang dapat diklik oleh pengguna.
Jenis-Jenis Hyperlink
Terdapat beberapa jenis hyperlink yang umum digunakan dalam web design, diantaranya:
- Hyperlink Internal: menghubungkan satu halaman web dengan halaman web lain pada website yang sama.
- Hyperlink Eksternal: menghubungkan satu halaman web dengan halaman web pada website yang berbeda.
- Hyperlink Anchor: menghubungkan ke bagian tertentu dalam satu halaman web yang panjang.
- Hyperlink Email: menghubungkan ke email address yang dituju.
Cara Membuat Hyperlink
Berikut adalah cara mudah untuk membuat hyperlink pada halaman web:
- Tentukan URL atau alamat web yang akan dituju.
- Tentukan teks atau gambar yang akan dijadikan hyperlink.
- Gunakan tag <a> untuk membuat hyperlink dan masukkan URL atau alamat web pada atribut href.
- Tuliskan teks atau gambar yang akan dijadikan hyperlink di antara tag <a> dan </a>.
- Simpan dan refresh halaman web untuk melihat hasilnya.
Contoh penggunaan tag <a> untuk membuat hyperlink:
<a href="http://www.contoh.com"><img src="gambar.jpg"></a>
Pada contoh di atas, tag <a> digunakan untuk membuat hyperlink dengan URL atau alamat web http://www.contoh.com dan gambar.jpg ditampilkan sebagai gambar yang dapat diklik oleh pengguna.
Penulisan Teks pada Hyperlink
Penulisan teks pada hyperlink dapat dilakukan dengan mudah menggunakan tag <a>. Berikut contoh penulisan teks pada hyperlink:
<a href="http://www.contoh.com">Ini adalah contoh hyperlink</a>
Pada contoh di atas, teks “Ini adalah contoh hyperlink” akan ditampilkan sebagai hyperlink yang dapat diklik oleh pengguna.
Penulisan Gambar pada Hyperlink
Penulisan gambar pada hyperlink juga dapat dilakukan menggunakan tag <a>. Berikut contoh penulisan gambar pada hyperlink:
<a href="http://www.contoh.com"><img src="gambar.jpg"></a>
Pada contoh di atas, gambar.jpg akan ditampilkan sebagai gambar yang dapat diklik oleh pengguna dan akan mengarahkan ke alamat web http://www.contoh.com.
Cara Membuka Hyperlink di Tab Baru
Untuk membuka hyperlink di tab baru, tambahkan atribut target pada tag <a> dan berikan nilai “_blank”. Berikut contoh penggunaan atribut target:
<a href="http://www.contoh.com" target="_blank">Ini adalah contoh hyperlink</a>
Pada contoh di atas, hyperlink akan dibuka di tab baru ketika pengguna mengkliknya.
Kesimpulan
Hyperlink atau tautan adalah elemen penting dalam web design karena berfungsi untuk menghubungkan satu halaman web dengan halaman web lainnya. Hyperlink dapat berupa teks, gambar, atau objek lainnya yang dapat diklik oleh pengguna. Hyperlink ditulis menggunakan tag <a> dan ditutup dengan tag </a>. Terdapat beberapa jenis hyperlink yang umum digunakan dalam web design, diantaranya hyperlink internal, eksternal, anchor, dan email. Cara membuat hyperlink pada halaman web sangat mudah dan dapat dilakukan dengan mengikuti langkah-langkah yang telah dijelaskan di atas.