hyperlink pada web

Tutorial HTML : Hyperlink Halaman Web

Tag HTML Hyperlink

·         Pengertian

Hyperlink adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman dalam satu situs web.

perhatikan syntax berikut :

<a href=namadokumen> Teks Link untuk menuju halaman lain </a>

Penjelasan :

1.       

Tag <a> … &/a> digunakan untuk link ke halaman lain.

1.       

Didalamnya terdapat “href”, ini digunakan untuk menentukan dokumen atau halaman mana yang akan dipanggil saat link tersebut di klik atau dipilih.

Penerapan :

Klik Hyperlink di bawah ini untuk menuju ke halaman lain HTML
Hyperlink

·         Jenis – Jenis Hyperlink

1.       

a.       

·         Link Absolut

1.       

a.      Link Absolut adalah link yang akan menunju ke halaman situs web lain. Penulisan syntax sebagai berikut :

1.       

a.      <a href=situs yang hendak dituju> … </a>

Contohnya :

Link ini akan menuju google.

1.       

a.      Penulisan Syntax :

·         Link Relatif

1.       

a.      Link Relatif adalah link yang tujuannya mengarah ke dokumen-dokumen HTML lain yang masih berada di dalam satu situs web yang sama (komputer yang sama). Penulisan syntax :

<a href=dokumen HTML yang hendak dituju> … </a>

Link ini menuju ke dokumen dengan nama 1.html

1.       

a.       

b.      Format link ke SMS, Telepon, dan E-Mail

·         Link ke Telepon

1.       

a.      Kita dapat menuliskan nomor telepon dalam HTML. Cara penulisannya adalah :

1.       

a.      <a href=”tel:085866406818″>Hubungi saya di … </a>

Contoh Penerapan ==>

Hubungi saya di 085866406818

1.       

a.       

·         Link ke SMS

1.       

a.      Hampir sama dengan menuliskan telepon, yaitu

<a href=”SMS:085866406818″>Kirim Pesan di … </a>. Hasilnya

Butuh bantuan kirim pesan ke kami di 085866406818

1.       

a.       

·         Link ke E-Mail

1.       

a.      Berikut ini tag untuk Link ke E-Mail:

1.       

a.      <a href=”mailto:mtio871@gmail.com?&body=hai gaes”> TIO </a>

Penerapan :

 TIO

1.       

a.       

b.      Image Maping

Image maping ialah teknik membuat link di dalam gambar pada kootdinat tertentu. sebagai contoh dibawah ini :

Untuk membuat image maping seperti diatas digunakan sintak seperti dibawah ini :
<img src=”nama gambar” … alt=”nama” usemap=”#nama”>
<map name=”nama pada usemap tadi”>
<area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”sun.html”>
<area shape=”circle” coords=”90,58,3″ alt=”Mercury” href=”mercury.html”>
<area shape=”circle” coords=”124,58,8″ alt=”Venus” href=”venus.html”> </map>

Gambar pada image mapping tidak bisa karena masih dalam komputer admin….

Semoga bermanfaat.