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 :
1) Jenis-jenis Link dalam HTML
Dalam HTML, link dibedakan menjadi 3 jenis, yaitu :
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>
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 :
- Link absolut
- Link relatif
- 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
Posting Komentar