Pada artikel sebelumnya saya sudah sedikit menulis mengenai cara membuat list pada html, nah pada artikel ini saya akan sedikit menjelaskan tentang bagaimana cara membuat hyperlink di Html.
Hyperlink merupakan salah satu fitur yang ada pada Html yang dapat kita gunakan untuk menghubungkan antara satu halaman web dengan halaman web yang lainnya.
Dengan adanya hyperlink maka itu akan dapat lebih memudahkan pengunjung web dalam beralih antara halaman web satu dengan halaman web yang lain.
Lalu bagaimana sih cara membuat link pada Html? jika Anda penasaran tentang cara membuat hyperlink di Html Anda dapat terus melanjutkan membaca artikel dibawah ini!
Daftar Isi
Cara Membuat Hyperlink di Html
Untuk membuat hyperlink dalam Html, Anda dapat menggunakan <a href=”#”>, tanda (#) bisa Anda ganti dengan alamat atau halaman web yang ingin dituju.
Contoh:
<!DOCTYPE html> <html> <head> <title>Cara Memubuat Hyperlink di Html</title> </head> <body> <p>contoh link eksternal di html <a href="https://www.w3schools.com/html/html_links.asp">W3 School</a></p> </body> </html>
Berikut adalah contoh membuat hyperlink di Html!
<a href="arataside.com">Menuju ke Arataside</a>
Hasilnya:
Dari contoh diatas ketika di jalankan di browser, dan kata “Menuju ke Arataside” di klik maka Anda akan dialihkan menuju alamat atau halaman web Arataside.com.
Jenis Jenis link dalam Html
Dalam html sendiri link dapat dibedakan menjadi 2 jenis yaitu:
- Link Eksternal
- Link Internal
Link Eksternal
Link Eksternal merupakan link yang berfungsi untuk mengalihkan menuju alamat web lain (eksternal link), dalam menulis alamat web tujuan pun harus ditulis secara lengkap.
Contoh:
<!DOCTYPE html> <html> <head> <title>Cara Memubuat Hyperlink di Html</title> </head> <body> <p>contoh link internal di html <a href="https://arataside.com/blog/cara-membuat-heading-di-html.html">Arataside</a></p> </body> </html>
Link Internal
Link Internal digunakan untuk mengarahkan menuju ke halaman lain yang masih dalam satu alamat web (internal link), untuk penulisan alamat halaman webnya boleh tidak ditulis secara lengkap.
Contoh
<!DOCTYPE html> <html> <head> <title>Cara Memubuat Hyperlink di Html</title> </head> <body> <p>contoh link internal di html <a href="cara-membuat-heading-di-html.html">Arataside</a></p> </body> </html>
Kesimpulan
Itulah cara membuat hyperlink di html yang bisa Anda coba pelajari, dari artikel diatas dapat disimpulkan bahwa hyperlink dalam Html memiliki fungsi untuk beralih dari satu halaman ke halaman web yang lain, dan link dalam html ada 2 jenis yaitu: internal link dan eksternal link.
Ingin belajar hal lain tentang html?, Anda bisa mempelajarinya melalui link Panduan Lengkap Belajar Html Untuk Pemula dibawah.