Hyperlink atau tautan dalam HTML
sangatlah penting karena ia yang menghubungkan antara satu Halaman dengan
halaman lain. Untuk membuat Hyperlink, bahan yang diperlukan adalah tag
<a>. Tag ini
merupakan tag yang paling umum digunakan pada dokumen HTML. A adalah Singkatan
dari Anchor yang dalam bahasa Indonesia berarti jangkar, tetapi akan
lebih tepat jika diartikan sebagai tautan dikarenakan tag ini digunakan untuk saling
menautkan antara satu dokumen HTML ke dokumen HTML yang lain.
Contoh;
<A HREF="awal.html">Tautan ini menuju halaman awal</A>
Catatan;
dokumen
yang akan digunakan sebagai tautan harus terletak dalam satu direktori/folder
ATRIBUT HYPERLINK
HREF
Atribut ini merupakan atribut yang
wajib digunakan pada tag Anchor karena atribut ini digunakan untuk menentukan
arah tautan yang dimaksud. Jika kita ingin menautkan ke halaman tujuan.html
maka kita tinggal tulis HREF="tujuan.html". Begitu juga bila kita ingin
menautkan ke halaman http://google.com maka kita tinggal menuliskan
HREF="http://google.com".
NAME
Atribut ini digunakan untuk memberikan
nama dari suatu tautan. Atribut ini berbeda dengan atribut HREF yang akan
mengubah warna teks menjadi biru dan teks tersebut akan memiliki garis bawah,
atribut NAME tidak akan mengubah tampilan teks sama sekali dengan teks yang
lain. Penggunaannya pun berbeda dengan atribut HREF yang digunakan untuk
mengarahkan ke halaman lainnya, atribut NAME hanya berguna untuk memberikan
nama dari suatu tautan
TARGET
TARGET adalah pilihan cara pembukaan
suatu link dalam browser. Link tersebut akan dibuka di jendela baru atau di
halaman yang sedang dibuka saat itu dapat di setting melalui atribut TARGET.
TITLE
Atribut ini digunakan untuk memberikan
keterangan tambahan dari sebuah tautan. Atribut ini akan menampilkan keterangan
apabila mouse berada diatas tautan yang akan di-klik.
Contoh;
<a href="tampilan_awal.html" title="kembali ke halaman awal">Tautan ini
menggunakan title</a>
ACCESSKEY
Atribut ini digunakan untuk memberikan
tombol shortcut dari sebuah tautan, jadi tautan yang menggunakan atribut
ACCESSKEY ini dapat diakses dengan tombol shortcut ALT +[ yang diinginkan].
Contoh;
<a href="tampilan_awal.html" ACCESSKEY="H">Halaman awal</a>
- Untuk membuat suatu link di buka di jendela baru kalian dapat memasukkan "_blank" dalam atribut target.
Contoh; <a href="tampilan2.html" target="_blank">Klik disini untuk membuka tampilan 2</a>
- Untuk membuat suatu link dibuka di halaman yang sedang dilihat saat itu juga gunakan "_self".
Contoh; <a href="tampilan2.html" target="_self">Klik disini untuk membuka tampilan
2</a>
- Untuk membuat suatu link dengan image. Hyperlink juga bisa diletakkan dalam gambar. Caranya sama persis seperti menaruh hyperlink pada tulisan hanya saja tag <a> dan </a> menjepit tag gambar <img>.
Contoh <a href="coba2.html"><img src="image.jpg" /></a>
contoh :
<html>
<head>
<title>HALAMAN GALERY</title>
</head>
<body background="BG.PNG">
<center>
<img src="kayu.jpg" width=50 height=50>
<img src="kayu.jpg" width=100 height=100>
<img src="kayu.jpg" width=150 height=150>
<img src="kayu.jpg" width=100 height=100>
<img src="kayu.jpg" width=50 height=50>
<BR>
<BR>
<a href="awal.html">KLIK DISINI UNTUK KEMBALI KE AWAL...</a>
</center>
</body>
</html>
hasil dari script diatas
0 komentar:
Posting Komentar