HYPERLINK

Link  (sebutan  singkat  dari  hyperlink  text)  adalah suatu  metode  yang  digunakan  dalam  HTML  untuk  membuat  hubungan  antar halaman yang terdapat dalam satu situs web. Semua halaman web yang ada di internet  hampir  bisa  dipastikan  memiliki  link.  Secara  umum,  fungsi  link  adalah untuk  memudahkan  pengunjung  web  dalam  menulusuri/menjelajahi  seluruh  isi atau informasi yang tersimpan dalam situs web bersangkutan.

Mengenal Tag <a> (anchor)
Untuk membuat suatu link, HTML menyediakan satu tag khusus, yaitu tag <a>, yang  berpasangan  dengan  </a>.  Setiap  teks  yang  diapit  oleh  tag  ini  akan ditampilkan  sebagai  link.  Bentuk  umum  pembuat  link  dalam  dokumen  HTML adalah sebagai berikut :

Atribut  HREF  dalam  tag  <a>  berfungsi  untuk  menentukan  dokumen  atau halaman  mana  yang  akan  dipanggil  saat  link  tersebut  di  klik  atau  dipilih  oleh pengunjung web.
Contoh :
<a href=”index.html”>Home</a><br />
<a href=”about.html”>Tentang Kami</a><br />
<a href=”contact.html”>Kontak</a>
Pada contoh diatas kita membuat tiga buah link dengan teks  :  Home,  Tentang kami,  dan  kontak.  Ketika  pengunjung  melakukan  klik  terhadap  link  pertama
(home),  web  browser  akan  menampilkan  dokumen  yang  disimpan  dalam  file index.html.  Begitu juga dengan link kedua (Tentang Kami) dan ketiga (Kontak), setiap  di  klik  akan  menjadikan  web  browser  menampilkan  dokumen  yang terdapat pada file about.html dan contact.html.

Berikut  ini  ada  beberapa  hal  yang  perlu  diperhatikan  dalam  pemberian  nama
dokumen web, agar link dapat berfungsi dengan baik :

  • Penamaan file dengan huruf kecil semua
  • Jangan ada spasi serta hindari non-karakter alphabet

1)  Jenis-jenis Link dalam HTML
Dalam HTML, link dibedakan menjadi 3 jenis, yaitu :

  1. Link absolut
  2. Link relatif
  3. Link ke bagian dokumen tertentu

1. Link Absolut
Contoh :
<a href=http://www.w3.org/>W3</a>
Pada  contoh  diatas,  tujuan  link  yang  dibuat  akan  mengarah  ke  situs  web
http://www.w3.org/

2.. Link relatif
contoh:
<a href=”kontak.html”>Kontak</a>
<a href=”images/jeep/sahara.jpg”>Lihat Foto Jeep Wrangler
Sahara</a>
tujuannya  mengarah  ke  dokumen-dokumen  lain
yang masih berada di dalam satu situs web yang sama (komputer yang sama).

3. Link ke bagian dokumen tertentu
contoh:
<a href=”dokumenlain”>teks link</a>
Link yang berupa gambar:
<a href=”dokumenlain”><img src=”NamaFileGambar” /></a>

Komentar

Postingan populer dari blog ini

Ketergantungan fungsional

SISTEM KOMPUTER KELAS XI

PROSEDUR BONGKAR PASANG OMPUTER