Tutorial Cara Membuat Link Dalam HTML / Hyperlink .

Pengertian Hyperlink

Hyperlink adalah cara untuk menghubungkan suatu bagian di dalam slide, file, program ataupun pada halaman web dengan bagian yang lainnya dalam bidang-bidang tersebut. Hyperlink sering dipakai untuk menunjukan lokasi lainnya dari dari teks maupun objek yang diperlihatkan atau dipresentasikan. Hyperlink dapat menghubungkan beberapa file, objek, aplikasi, dokumen, halaman web dan lain-lain.

Atau definisi hyperlink yang lainnya adalah suatu teks yang akan mengarahkan ke tampilan dokumen atau halaman lain. Hyperlink sering kita kenal dengan link, kalau kita menklik hyperlink pada halaman suatu website berarti kita telah menbrowse WWW (World Wide Web) dan  menuju ke halaman yang lain ataupun ke dokumen lain.

Fungsi Dari Hyperlink

Fungsi Hyperlink yaitu, lebih sering disingkat atau disebut Link merupakan suatu fungsi dalam HTML (Hyper Text Markup Language) yang memiliki tujuan untuk memudahkan visitor atau pengunjung pada suatu web untuk menelusuri berbagai informasi yang tersimpan di dalam suatu website yang dikunjunginya, dan link juga berguna untuk menghubungkan antar dokumen HTML.

Link pada umumnya ditampilkan dalam huruf dengan warna yang berbeda, apabila kursor mouse komputer kita diarahkan ke link tersebut maka huruf akan kelihatan bergaris bawah dan juga kursor biasanya akan berubah bentuk menjadi gambar tangan yang menujuk pada link tersebut. Jika link tersebut sebelumnya pernah di kunjungi atau diakses, maka objek link tersebut warnanya berubah mejadi ungu atau warna lainnya. Link dapat juga dipasang pada gambar dan jika kita mengklik gambar tersebut akan dibawa ketampilan yang lain.

Cara Membuat Hyperlink Di Blog/Website

Untuk membuat hyperlink dan anchor kita menggunakan elemen HTML anchor <a>.

Dalam tutorial kali ini, kita akan menggunakan istilah link HTML saat elemen <a> merujuk ke sebuah halaman dan istilah anchor HTML saat element <a> tersebut merujuk ke sebuah alamat di dalam dokumen.

Bikin Link HTML

Sintaks Link:

<a href="/caramembuatwebsite/url">Teks Link</a>

Perhatikan, tag HTML pembuka berisi atribut link tersebut.

Keterangan :

• Untuk di bagian "/caramembuatwebsite/url"  disitu anda disuruh memasukkan link yg dituju
• Dan , Dibagian >Teks Link< dibagian situ, anda disuruh untuk memasukkan teks, agar teks tersebut kalaudi klik akan menuju ke "/caramembuatwebsite/url" yang dituju

Catatan: Isi elemen tidak harus berupa teks lho. Kamu juga bisa me-link dari sebuah gambar atau elemen HTML lainnya.

Atribut href

Atribut href adalah alamat yang akan dibuka saat seseorang mengklik link yang kita buat.

Elemen <a> ini mendefinisikan sebuah link yang akan menuju ke sebuah blog site yang saya kelola juga yaitu www.jalanatas.ml :

<a href="http://www.jalanatas.ga/">Pengen belajar bikin web
sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Kode tersebut akan ditampilkan seperti ini. Sok atuh dicoba klik biar kerasa. 

Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!

Atribut Target

Atribut target sangat berguna bagi kita untuk mengatur halaman yang kita tuju itu akan dibuka di mana. Kita bisa membukanya di halaman utama ini langsung atau membukanya di halaman baru saat seorang pengunjung mengklik link yang kita sediakan.

Berbeda dengan kode sebelumnya yang membuka web site jalanatas.ga di jendela yang sama, kode ini akan membuka web site jalanatas.ga pada sebuah jendela baru :

<a href="http://www.jalanatas.ga/"
target="_blank"> Pengen belajar bikin web sambil Praktek sekalian
bisa dapet duit?. Klik di sini aja!</a>

Sok di klik link di bawah ini biar tahu bedanya:

Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!


Attribute Name

Saat kita menggunakan atribut name, maka itu berarti kita mendefinisikan sebuah nama anchor yang berada di dalam sebuah halaman HTML.
Nama anchor tidak akan nampak di mata pengunjung. Itu hanya merupakan pendefinisian di sebuah halaman web aja.
Cara membuat sebuah anchor :

<a name="label">Apapun</a>

Nah, link yang menuju ke halaman itu bikinnya gini :

<a href="#label">Apapun</a>

Perhatikan tanda # yang mendefinisikan nama anchor

Contoh:

Sebuah anchor dalam dokumen HTML :

<a name="top">Ini bagian paling atas</a>

Sebuah link yang merujuk ke bagian paling atas dalam dokumen yang sama :

<a href="#top">Kembali ke atas</a>

Sebuah link yang menuju ke sebuah anchor di halaman web lain :

<a href="http://www.jalanatas/contoh.html#top">
Kembali ke halaman utama paling atas</a>

Nah, kalau mau lihat bagaimana sebuah link anchor bekerja, klik Kembali ke atas untuk menuju ke bagian paling atas dari halaman tersebut.
Dah, begini saja  penjelasan dari saya, semoga bermanfaan bagi kalian semua, sekian wassalam.