Hyperlink atau tautan adalah fitur pada HTML yang memungkinkan kita untuk membuat link antara halaman web. Dengan menggunakan hyperlink, kita dapat dengan mudah mengarahkan pengguna ke halaman lain atau ke bagian tertentu dari halaman yang sama. Pada artikel ini, kita akan membahas cara membuat hyperlink pada HTML.
Tipe-tipe Hyperlink pada HTML
- Hyperlink Eksternal
Hyperlink eksternal digunakan untuk menghubungkan ke halaman web di luar situs Anda. Untuk membuat hyperlink eksternal, Anda dapat menggunakan tag <a> (anchor).
Contoh kode:
<a href="https://www.contohweb.com">Klik di sini untuk mengunjungi Contoh Web</a>
- Hyperlink Internal
Hyperlink internal digunakan untuk menghubungkan ke bagian tertentu dari halaman yang sama. Anda bisa menggunakan id pada elemen HTML yang ingin dihubungkan. Untuk membuat hyperlink internal, Anda juga dapat menggunakan tag <a> (anchor).
Contoh kode:
<a href="#section2">Klik di sini untuk menuju ke Section 2</a>
...
<h2 id="section2">Section 2</h2>
- Hyperlink Email
Hyperlink email digunakan untuk membuka aplikasi email default pengguna dengan mengisi alamat email yang sudah ditentukan pada bagian tujuan. Untuk membuat hyperlink email, Anda bisa menggunakan tag <a> (anchor) dan menentukan protocol mailto: di bagian href.
Contoh kode:
<a href="mailto:info@contohweb.com">Kirim email ke kami</a>
Tips dan Trik dalam Pembuatan Hyperlink
- Gunakan teks yang deskriptif sebagai anchor pada hyperlink Anda. Pastikan teks tersebut mudah dipahami oleh pengguna.
- Gunakan tag
<title>pada elemen HTML untuk memberikan judul pada hyperlink Anda. Judul ini akan muncul saat pengguna mengarahkan kursor mouse ke hyperlink Anda. - Gunakan attribute
target="_blank"pada tag<a>(anchor) jika Anda ingin mengarahkan pengguna ke halaman baru.
Contoh kode:
<a href="https://www.contohweb.com" target="_blank" title="Kunjungi Contoh Web">Klik di sini untuk mengunjungi Contoh Web</a>
Kesimpulan
Hyperlink sangat penting untuk membuat navigasi yang mudah pada situs web Anda. Dengan menggunakan hyperlink, pengguna dapat dengan mudah mengunjungi halaman lain atau bagian tertentu dari halaman yang sama. Anda dapat menggunakan tipe hyperlink yang berbeda tergantung pada kebutuhan Anda. Semoga artikel ini dapat membantu Anda dalam membuat hyperlink pada HTML.
.
.
#Seri Belajar HTML:
- Mau Jadi Web Programmer?, Pelajari Bahasa HTML Dulu Yaa!
- Paragraf pada HTML dan Teks serta Font
- Penggunaan Heading dan Emphasis
- Hyperlink pada HTML
- Pembuatan Tabel HTML
- Memanfaatkan List
- Ilustrasi (Gambar, Foto, dan Desain) di dalam HTML
- Mengenal HTML Symbol / Special Character
- HTML Meta Tag Salah Satu Element Penting Dalam Pengembangan Web
