: Jenis – Jenis Link dalam HTML

1)  Jenis-jenis Link dalam HTML

Dalam HTML, link dibedakan menjadi 3 jenis, yaitu :

·      Link absolut

·      Link relatif

·      Link ke bagian dokumen tertentu

HTML membedakan ketiga jenis link diatas berdasarkan lokasi atau alamat dokumen yang akan diakses. Dengan demikian, perbedaannya hanya terletak pada nilai atribut HREF-nya saja.

Link Absolut

Link Absolut adalah link yang akan menunjuk ke halaman dari situs web lain. Penulisan alamatnya pun harus ditulis secara lengkap. Sebagai contoh, jika tema atau isi dari situs web yang kita buat adalah pemrograman HTML, maka kita dapat membuat link ke situs web lain yang memiliki tema yang sama atau relevan. Tujuannya adalah agar pengunjung bisa memperoleh informasi lebih tentang tema tersebut yang ‘mungkin’ tidak/belum kita bahas pada situs web kita.

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/

Link Relatif

Link Relatif adalah link yang tujuannya mengarah ke dokumen-dokumen lain yang masih berada di dalam satu situs web yang sama (komputer yang sama). Penulisan alamat tujuannya pun tidak perlu ditulis secara lengkap, cukup nama dokumennya saja, dan nama direktorinya (jika ada).

Perhatikan contoh kode berikut :

<a href=”kontak.html”>Kontak</a> <a href=”images/jeep/sahara.jpg”>Lihat Foto Jeep Wrangler Sahara</a>

Tidak perlu ditulis lengkap seperti berikut :

<a href=http://www.situskita.com/kontak.html>Kontak</a> <a href=http://www.situskita.com/images/jeep/sahara.jpg> Lihat Foto Jeep Wrangler Sahara</a>

Kita tidak perlu menulis alamat secara lengkap karena server web akan mencari file kantak.html dan sahara.jpg di computer yang sama. jika halaman utama dari situs web yang akan kita buat adalah index. html, maka file kontak. html harus di tempatkan di dalam direktori yang sama dengan file index.html ; sedangkan sahara.jpg harus berada di dalam direktori images\jeep.

Link ke Bagian Dokumen tertentu

Materi ini akan dibahas pada Kegiatan Belajar berikutnya.

Menjadikan Gambar sebagai Link

Selain link berupa teks, gambar juga dapat dijadikan sebagai link. Konsepnya sebenarnya sama saja dengan link berupa teks, perbedaannya hanya perlu mengganti teks yang dijadikan sebagai link dengan tag <img>.

Link yang berupa teks:

<a href=”dokumenlain”>teks link</a>

Link yang berupa gambar:

<a href=”dokumenlain”><img src=”NamaFileGambar” /></a>

Contoh :

<a href=”detail-sahara.html”>

<img src=”images/jeep/saharal.jpg”   />

</a>

Pada contoh di atas kita menjadikan gambar sahara1.jpg yang tersimpan di dalam direktori  images\jeep sebagai link untuk menuju ke dokumen detail-sahara.html.

Rangkuman

Dari kegiatan belajar ini dapat dibuat rangkuman sebagai berikut :

§  HTML tag <a> mendefinisikan hyperlink.

§  Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat diklik untuk menuju ke dokumen lain.

§  Untuk memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi tangan kecil.

§  Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.

§  Jenis-jenis link dalam HTML,  yaitu :

-       Link absolut adalah link yang akan menunjuk ke halaman dari situs web lain

-       Link relative adalah link ke dokumen internal, dan penulisan alamat tujuannya pun tidak perlu ditulis secara lengkap, cukup nama dokumennya saja, dan nama direktorinya

-       Link ke bagian dokumen tertentu atau internal link

§  HTML membedakan ketiga jenis link diatas berdasarkan lokasi atau alamat dokumen yang akan diakses