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 :
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 :
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 detailsahara.html.
Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :
1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon