Konten dari Pengguna

Hyperlink: Pengertian, Fungsi, Jenis-Jenis, dan Cara Membuatnya

Kabar Harian
Menyajikan beragam informasi terbaru, terkini dan mengedukasi.
18 November 2021 9:35 WIB
·
waktu baca 3 menit
comment
0
sosmed-whatsapp-white
copy-link-circle
more-vertical
Tulisan dari Kabar Harian tidak mewakili pandangan dari redaksi kumparan
Hyperlink adalah salah satu bagian dari halaman website yang bisa menghubungkan antarhalaman. Foto: Pixabay
zoom-in-whitePerbesar
Hyperlink adalah salah satu bagian dari halaman website yang bisa menghubungkan antarhalaman. Foto: Pixabay
ADVERTISEMENT
Hyperlink adalah salah satu bagian dari halaman website. Hyperlink merupakan salah satu cara untuk menghubungkan satu bagian di dalam program dengan program lainnya, atau halaman web dengan sebuah program.
ADVERTISEMENT
Bagian dari halaman website itu berfungsi untuk menghubungkan antarhalaman, menyediakan seamless link ke tiap halaman, atau yang biasa dikenal dengan link.
Link yang merupakan singkatan dari hyperlink adalah sebuah fungsi dalam HTML yang digunakan untuk mempermudah pengunjung website, untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website.
Selain itu, link juga berguna untuk menghubungkan antardokumen HTML. Dalam HTML, sebuah objek berupa link, akan ditampilkan dengan font berwarna biru dan style underline (bergaris bawah).
Jika kursor didekatkan pada objek yang berupa link, maka kursor akan berubah menjadi gambar tangan yang menunjuk pada link tersebut. Selanjutnya, jika sebuah link sudah pernah dikunjungi, warna dari teks atau objek link tersebut berubah menjadi ungu.
ADVERTISEMENT
Agar lebih memahami penggunaan hyperlink, simak jenis-jenis dan cara membuatnya yang dirangkum dalam berbagai sumber. Selengkapnya ada di bawah ini.
Ilustrasi mengakses halaman website lain setelah menekan hyperlink. Foto: Pixabay
Berdasarkan buku Media dan Teknologi dalam Pembelajaran karya Dr. Benny A. Pribadi, M.A, hyperlink dibagi menjadi beberapa jenis, yaitu:
1. Absolute Address
Absolute address atau alamat mutlak adalah full internet address URL yang meliputi protocol, network location, path, dan nama file. Biasanya jika pengguna memberi backlink pada artikel di website-nya, ia selalu menggunakan hyperlink jenis ini.
2. Relatif Addres
Relatif address atau alamat relatif adalah URL yang tidak menyebutkan protocol dan network locationnya, tetapi hanya path dan nama filenya. Jenis hyperlink ini banyak digunakan ke dalam sebuah website atau blog.
ADVERTISEMENT
3. Link Menuju Section Tertentu dalam Dokumen
Jenis hyperlink ini artinya membuat suatu link ke wilayah “section” tertentu dari suatu dokumen atau artikel. Link ini juga dapat digunakan untuk membuat kamus.
Ilustrasi membuat hyperlink untuk website, program email, dan bookmark tertentu. Foto: Pixabay
Setelah mengetahui jenis-jenisnya, berikut ini langkah-langkah membuat hyperlink dan contohnya. Langkah-langkah ini dirangkum dari buku Membuat Website Mudah dan Praktis dengan Weebly: Website Keren Tanpa Coding! oleh Fathurrahman, S.Pd (2014: 75).
Hyperlink pada HTML terbentuk dari tag <a> serta href atau kepanjangan dari hyperlink reference. Pencantuman tag dan href akan dilakukan sebelum nama situs yang diinginkan ditulis.
Pembuatan hyperlink dengan cara ini bisa diterapkan pada website, program email, bookmark, hingga halaman pemrograman. Secara default, penulisan hyperlink pada HTML adalah:
ADVERTISEMENT
<a href=”URL”>Anchor Text</a>
Berikut ini contoh hyperlink berdasarkan cara membuat yang telah dijelaskan di atas.
• Hyperlink : <a href=”https://www.namayangdiinginkan.co.id”>sesukahati.Co.Id</a>. Hasilnya: namayangdiinginkan.co.id.
• Hyperlink untuk file download, yaitu jika penggunanya meng-klik link ini, maka akan ditampilkan file download pada komputer Contohnya:
<a href=”https://www.namayangdiinginkan.co.id/sample-gambar.jpg” download>
• Hyperlink rel nofollow, yaitu menentukan hubungan antara dokumen saat ini dan dokumen terkait. Value yang dipakai adalah alternative, author, bookmark, hel, license, next, nofollow, prev, seach, tag. Contohnya:
<a href=”https://www.namayangdiinginkan.co.id rel=”nofollow”>namayangdiinginkan.co.id</a>
(VIO)