Pengertian Hyperlink

Ada beberapa pengertian tentang hyperlink yang bisa kita dapatkan dari beberapa buku dan website, beberapa pengertian hyperlink tersebut adalah sebagai berikut:

•Link atau hyperlink adalah teks yang dapat menuntun kita untuk menuju ke URL tertentu.
•Pengertian Hyperlink adalah teks atau gambar untuk menuju suatu alamat atau halaman tertentu.

Pengertian Hyperlink adalah hubungan dari page WWW ke file pada WWW. Tujuan dari hyperlink pada umumnya adalah page WWW lainnya, tetapi dapat juga berupa file multimedia atau bahkan program.

Hyperlink atau dalam bahasa Indonesia disebut Pranala adalah sebuah acuan dalam suatu dokumen hypertext ke dokumen yang lain atau sumber lain.
Dari beberapa pengertian hyperlink di atas, maka dapat disimpulkan bahwa hyperlink dapat menghubungkan suatu halaman dengan halaman lain yang masih terdapat pada website itu sendiri, selain itu hyperlink juga dapat menghubungkan suatu halaman website dengan halaman yang terdapat pada website lain. Selain mengaitkan antar halaman, hyperlink juga bisa mengaitkan halaman dengan file multimedia, dan file program.

Hyperlink dapat dipasang pada text maupun gambar. Hyperlink dengan text dapat dibedakan secara visual, secara default text yang dipasang hyperlink pada sebuah halaman website akan berwarna biru dan underline. Sedangkan hyperlink yang terpasang pada gambar tidak bisa dibedakan secara visual langsung, namun jika pointer berada di atas gambar maka pointer tersebut akan berubah tampilan. Jika text ber-hyperlink tersebut diklik maka browser akan menampilkan halaman atau file yang dituju. Jika browser dapat membaca link tujuan tersebut maka akan ditampilkan langsung dalam halaman browsernamun jika file tersebut tidak bisa dibaca, maka user diminta untuk menyimpannya dalam komputer atau dikenal dengan istilah download.

Cara membuat Hyperlink Pada Halaman HTML

Hyperlink pada HTML terbentuk dari tag <a>, secara default penulisan hyperlink pada halaman HTML adalah sebagai berikut:

<a href="URL">Anchor Text</a>

Contoh:
<a href="http://www.mandalamaya.com">Mandalamaya.COM</a>

Hasil:
Mandalamaya.COM

Macam-Macam Atribut Hyperlink dan Contohnya

Tag hyperlink (<a>) mempunyai beberapa atribut penting yang dapat digunakan untuk membantu kita membuat link yang sesuai dengan kebutuhan. Macam-Macam Atribut Tag Hyperlink tersebut adalah:

• charset: membuat link dokumen dengan penggunaan karakter set yang lebih spesifik. Value yang dapat digunakan adalah char_encoding

Contoh Penggunaan:
<a charset="UTF-8" href="http://www.mandalamaya.com">Mandalamaya.COM</a>

• coords: membuat link dengan menentukan koordinat atau penentuan posisi link tersebut, biasanya digunakan pada link berbentuk gambar. Value yang dapat digunakan adalah coordinates

Contoh Penggunaan:
<a href="sun.htm" shape="rect" coords="0,0,82,126">The Sun</a>

• download: jika user mengklik hyperlink yang menggunakan tag ini maka file target tidak akan ditampilkan pada browser melainkan langsung didownload pada komputer. Value yang digunakan adalah ekstensi file.

Contoh Penggunaan:
<a href="http://www.mandalamaya.com/sample-gambar.jpg" download>

• href: membuat link yang menghubungkan text dengan halaman website atau file tertentu berbentuk URL. Value yang digunakan adalah URL

Contoh Penggunaan:
<a href="http://www.mandalamaya.com">Mandalamaya.COM</a>

• hreflang: Berguna untuk menjelaskan bahasa yang digunakan pada suatu halaman. Value yang digunakan adalah language_code

Contoh Penggunaan:
<a href="http://www.mandalamaya.com" hreflang="en">Mandalamaya.COM</a>

• name: menentukan nama anchor text, dipadukan dengan penggunaan atribut id

Contoh Penggunaan:
id atribut <a href="#C4">Chapter 4</a>
name anchor <a name="C4">Chapter 4</a>

• rel: menentukan hubungan antara dokumen saat ini dan dokumen terkait. Value yang digunakan dalah: alternate, author, bookmark, help, license, next, nofollow, noreferrer,
prefetch, prev, search, tag

Contoh Penggunaan:
<a href="http://www.mandalamaya.com rel="nofollow">Mandalamaya.COM</a>

• target: menentukan bagaimana cara link dokumen tersebut dibuka. Value yang digunakan adalah _blank, _parent, _self, _top

Contoh Penggunaan:
<a href="http://www.mandalamaya.com" target="_blank" >Mandalamaya.COM</a>
• type: menentukan jenis media dokumen yang digunakan. Value yang digunakan adalah media_type

Contoh Penggunaan:
<a href="http://www.mandalamaya.com" type="text/html">Mandalamaya.COM</a>

Demikian dari Nisa,semoga Bermanfaat 😆