Konten dari Pengguna

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

Kabar Harian

Kabar Harian

Menyajikan beragam informasi terbaru, terkini dan mengedukasi.

·waktu baca 3 menit

comment
0
sosmed-whatsapp-white
copy-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

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.

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.

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.

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:

<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)