Pengertian Hyperlink (Cara Membuat, Contoh dan Fungsinya)
lifewire.com

Pengertian Hyperlink (Cara Membuat, Contoh dan Fungsinya)

Posted on

Hyperlink biasanya sering digunakan untuk menunjukan lokasi tertentu, seperti dari teks atau objek yang lainnya.

Hyperlink dapat menghubungkan beberapa file, gambar, software, dokumen, halaman web dan lain sebagainya. 

Berikut ini akan kami jelaskan secara lengkap mengenai pengertian Hyperlink beserta macam, fungsi, dan cara membuatnya.


Pengertian Hyperlink


Makna lain dari definisi hyperlink yaitu suatu teks yang akan mengarahkan pengguna untuk menuju ke tampilan dokumen bahkan halaman lain.

Hyperlink sering kita kenal dengan sebutan link, jika kita klik pada suatu teks atau gambar mengandung hyperlink pada halaman website otomatis kita akan diarahkan pada halaman yang lain.

Pengertian Hyperlink Menurut Berbagai Sumber

Tiap orang pastinya memiliki sudut pandangan berbeda dalam berbagai istilah, tak terkecuali Hyperlink.

Berikut ini adalah beberapa pengertian mengenai hyperlink yang bisa kamu pelajari.

1. Pengertian Hyperlink menurut Buku Cara Mudah Menguasai Google Docs

Hyperlink atau bisa disebut dengan link merupakan sebuah teks yang dapat menuntun para pengunjung atau visitor untuk menuju ke alamat URL tertentu.

2. Pengertian Hyperlink menurut Buku Paket TIK Kelas 12 SMA

Dalam buku tersebut, hyperlink merupakan teks atau gambar yang menuju suatu halaman atau alamat tertentu.

3. Pengertian Hyperlink dalam Buku Desain Web dengan Ms Front Page 97

Hyperlink atau pengertian dari hyperlink yakni hubungan antara page WWW (World Wide Web) dengan file pada WWW.

Tujuan Hyperlink umumnya berupa page. WWW lainnya, namun bisa juga berbentuk file mulitimedia bahkan software/pemrograman.

4. Pengertian Hyperlink menurut Wikipedia Indonesia

Dalam bahasa Indonesia hyperlink disebut juga dengan Pranala, yakni sebuah acuan pada suatu dokumen hypertext dari dokumen ke dokumen dan sebagainya.

Dari beberapa kumpulan pengertian hyperlink tersebut, dapat disimpulkan bahwa hyperlink merupakan suatu teks ataupun gambar pada halam website itu sendiri yang berfungsi sebagai penghubung antara halaman yang satu dengan halaman lainnya.

Selain itu, hyperlink juga dapat menghubungkan halaman website yang satu dengan halaman websiter yang lain.

Disisi lain fungsinya yang berguna sebagai pengait halaman, hypperlink juga mampu mengaitan halaman yang berformat file program bahkan multimedia.

Secara umum, hyperlink dapat dipasang dalam format teks maupun gambar.

Dalam suatu halaman web, penggunaan hyperlink secara teks akan menyebabkan teks tersebut berwarna biru atau biasanya terdapat garis bawah.

Gambar yang didalamnya terdapat hyperlink pastinya tidak akan bisa dibedakan secara visual, namun jika kita arahkan pointer (hover) di atas gambar maka pointer tersebut akan berubah tampilan.


Cara Membuat Hyperlink Sederhana pada Halaman HTML


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

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

Contoh:

<a href=”http://www.masirul.com”>MASIRUL.COM</a>

Hasil:

MASIRUL.COM


Macam-Macam Atribut Hyperlink


Tag hyperlink memiliki atribut-atribut penting yang dapat kamu gunakan untuk membuat link yang sesuai dengan tujuan dan kebutuhan.

Dibawah ini beberapa macam atribut Tag Hyperlink adalah sebagai berikut.

1. Charset

Pembuatan link dokumen dengan menggunakan karakter set yang spesifik. Value yang digunakan yaitu char_encoding

Contoh:

<a charset=”UTF-8″ href=”http://www.masirul.com”>MASIRUL.COM</a>

2. Coords/Coordinates

Pembuatan link dengan menentukan koordinat atau posisi link tersebut umumnya menggunakan link berbentuk gambar.

Dalam hal ini value yang digunakan yaitu coordinates

Contoh:

<a href=”wizam.htm” shape=”rect” coords=”0,0,82,126″>Wizam</a>

3. Download

Apabila user mengklik hyperlink sejenis tag ini maka file target tidak akan tampil pada browser namun muncul langsung sebuah file yang akan didownload pada komputer.

Value yang digunakan yaitu ekstensi file

Contoh:

<a href=”http://www.masirul.com/contoh-gambar.jpg”>Download</a>

4. Href

Pembuatan link ini berfungsi untuk menghubungkan antara text dengan halaman website yang lain. Value yang digunakan yaitu URL

Contoh:

<a href=”http://www.masirul.com”>MASIRUL.COM</a>

5. Hreflang

Berfungsi sebagai penjelas bahasa yang digunakan pada suatu halaman. Value yang digunakan adalah language_code

Contoh:

<a href=”http://www.masirul.com” hreflang=”en”>MASIRUL.COM</a>

6. Name

Berfungsi untuk menentukan nama dari anchor text yang dipadukan dengan penggunaan atribut id

Contoh:

id atribut <a href=”#C4″>Chapter 4</a> name anchor <a name=”C4″>Chapter 4</a>

7. Rel

Berfungsi untuk menentukan hubungan antara dokumen yang baru saja digunakan dan dokumen terkait.

Value yang digunakan dalam tag ini yaitu alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag

Contoh:

<a href=”http://www.masirul.com rel=”nofollow”>MASIRUL.COM</a>

8.Target

Berfungsi untuk menentukan bagaimana agar link dokumen dibuka dengan berbagai cara. Value yang digunakan yaitu _blank, _parent, _self, _top

Contoh:

<a href=”http://www.masirul.com” target=”_blank” >MASIRUL.COM</a>

9. Type

Berfungsi sebagai penentu jenis media dokumen yang sedang digunakan. Value yang dipakai yaitu media_type

Contoh:

<a href=”http://www.masirul.com” type=”text/html”>MASIRUL.COM</a>


Fungsi dari Hyperlink


Hyperlink berfungsi untuk memudahkan pengunjung pada suatu web dalam menelusuri berbagai informasi yang ada pada suatu website.

Selain itu, link juga berguna untuk menghubungkan antar dokumen HTML.


Demikian penjelasan kami mengenai Pengertian Hyperlink. Semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *