Hyperlink Halaman Web

Hyperlink Halaman Web

Pengertian Hyperlink – Saat pertama kali masuk ke salah satu halaman website apa yang dapat kita simpulkan dari website tersebut? Mungkin yang terbersit di pikiran kita adalah suatu halaman utuh yang menampilkan informasi yang kita butuhkan. Namun tahukah anda sebetulnya halaman website tersebut terdiri dari beberapa file halaman yang saling berhubungan? Untuk menjadi sebuah website yang memenuhi standar kelayakan dia harus terdiri dari beberapa file halaman yang saling berhubungan yang memiliki halaman induk sebagai pusat penghubung halaman-halaman tersebut.
Untuk bisa menghubungkan seluruh halaman yang ada pada suatu website maka dibutuhkan alat penghubung, yang dinamakan link atau hyperlink. Seluruh website pasti terdapat hyperlink pada tiap halamannya, sehingga pengunjung bisa menjelajahi setiap halaman yang ada pada website tersebut. Sebetulnya apa pengertian hyperlink tersebut? Apa fungsi sebenarnya dari hyperlink? Lalu bagaimana cara menggunakan hyperlink? Ketiga pertanyaan tersebut akan kami jawab secara tuntas pada artikel kali ini.

Pengertian Hyperlink

Ada beberapa pengertian tentang hyperlink yang bisa kita dapatkan dari beberapa buku dan website, beberapa pengertian hyperlink tersebut adalah sebagai berikut:
Pengertian Hyperlink pada Buku Cara Mudah Menguasai Google Docs
Link atau hyperlink adalah teks yang dapat menuntun kita untuk menuju ke URL tertentu.
Pengertian Hyperlink pada Buku TIK SMA Kelas XII
Pengertian Hyperlink adalah teks atau gambar untuk menuju suatu alamat atau halaman tertentu.
Pengertian Hyperlink pada Buku Desain Web dengan MS FrontPage 97
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.
Pengertian Hyperlink pada Wikipedia Indonesia
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 browser namun 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>

Lihat Demo

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

Lihat Demo

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

Demikianlah ulasan lengkap untuk pengertian Hyperlink yang kami sadur dari beberapa buku yang bisa dijadikan acuan dalam memahami istilah tersebut. Artikel pengertian hyperlink ini kami lengkapi juga dengan cara membuat hyperlink dan macam-macam atribut hyperlink lengkap dengan contohnya. Semoga artikel pengertian hyperlink ini dapat benar-benar bermanfaat untuk kita semua.