Link akan menghubungkan antara satu halaman dengan halaman lain dalam situs yang sama atau dengan situs lain.
Perintah yang
digunakan pada link adalah:
<A HREF="link.htm">Link
File</a>
Banyak variasi
link yang dapat dilakukan. Keindahan suatu situs juga ditentukan
oleh variasi link yang dilakukan. Malahan, dengan mempergunakan
javascript, anda menciptakan suatu kreasi link yang hebat.
Ingat...! Setiap pengunjung situs pasti akan meletakkan kursor
mouse mereka pada suatu link untuk menuju suatu halaman tertentu.
Berikut beberapa hal yang dapat anda lakukan dengan link dalam situs anda:
Link Dengan Warna
Warna link dalam suatu situs dapat diatur sesuai dengan keinginan pemilik situs tersebut.
Copy-kan kode berikut pada <HEAD>:
<style
type="text/css">
<!--
A:link {text-decoration: overline underline; color: #AA0000}
A:visited {text-decoration: overline underline; color:
#AA0000}
A:active {text-decoration: overline underline; color:
#AA0000}
A:hover {text-decoration: overline underline; color: #AA0000};
-->
</style>
Link Dengan Gambar
Pertama, copy-kan script berikut pada <HEAD>:
<script
language="Javascript">
<!--
image01="aktif.gif"
image02="pasif.gif"
function
imgover(imgname){
imgname.src = image01
}
function
imgout(imgname){
imgname.src = image02
}
//-->
</script>
Kemudian, tambahkan perintah berikut pada <BODY> tempat link gambar anda letakkan:
<img name="image01" src="pasif.gif" width="" height="" border=0><a href="http://geocities.com/apaan2005" onMouseOver="imgover(image01)" onMouseOut="imgout(image01)">Selamat Datang di sitesku</a>
Jika anda memiliki banyak informasi dalam satu halaman (seperti misalnya FAQ), sebaiknya anda menggunakan relative links untuk bagian-bagian yang penting dari menu halaman tersebut.
Lihat contoh daftar dibawah:
1. Bagian
Atas
2. Bagian Tengah
3. Bagian Bawah
Dalam contoh diatas, anda memiliki tiga buah link dengan target yan berbeda pada halaman yang sama.
Berikut perintah yang digunakan pada daftar tersebut (perhatikan penggunaan simbol #).
1. <A
HREF="#ATAS">Bagian Atas</A>
2. <A HREF="#TENGAH">Bagian Tengah</A>
3. <A HREF="#BAWAH">Bagian Bawah</A>
Untuk target-nya, anda perlu membuat anchor yang dinamakan "NAME TAG".
<A
NAME="ATAS"></A>
<A NAME="TENGAH"></A>
<A NAME="BAWAH"></A>
Anda bisa meletakkan name tag tersebut pada bagian yang anda inginkan, sehingga ketika link pada daftar di klik maka anda akan diantar menuju bagian yang diinginkan.
Statusbar adalah
tulisan yang muncul pada bagian kiri paling bawah dari browser.
Statusbar pada
sebuah link dapat diatur, dimana apabila kursor mouse berada di
atas sebuah link akan memunculkan teks yang dikehendaki.
Lihat contoh ini:
Letakkan Kursor Mouse Anda Disini
Pada contoh diatas, apabila kursor mouse berada di atas link maka akan muncul tulisan "Selamat Datang di sitesku" dan apabila kursor mouse tidak berada di atas link, maka tidak akan muncul efek apapun.
Perintah yang digunakan untuk membuat variasi tersebut adalah:
<a href="link.htm" onMouseOver="window.status='Selamat Datang di sitesku'; return true;" onMouseOut="window.status=' ';"> Letakkan kursor mouse anda disini</a>
onMouseOver="window.status=
berarti bahwa ketika mouse berada di atas link tersebut maka akan
dimunculkan teks yang berada di antara tanda ' dan '.
Sedangkan onMouseOut="window.status berarti ketika mouse
tidak lagi berada di atas link, maka akan dimunculkan teks yang
diinginkan.
Apabila hanya ada onMouseOver (onMouseOut-nya tidak ada) maka
statusbar akan memunculkan teks yang ada pada perintah onMouseOver
baik ketika kursor mouse di atas link maupun tidak.
Coba lihat pada contoh dibawah ini:
Letakkan Kursor Mouse Anda Disini