Link adalah bagian paling penting dari halaman HTML. Link menghubungkan satu halaman HTML dengan halaman lainnya. Dengan adanya link, maka dalam satu alamat website dapat dituliskan sekian banyak halaman yang masing-masing dihubungkan dengan link. Dengan link ini pulalah sebuah website dapat diatur menjadi lebih ringkas dan tertata dengan baik.
Alamat Absolut
Tag untuk menghubungkan satu halaman ke halaman lain adalah <a> atau anchor, dan ditutup dengan </a>. Dengan tag anchor inilah seorang programmer web dapat menjadikan halaman-halaman HTML yang bersifat interaktif, di mana pengunjungnya dapat membuka halaman-halaman lain pada websitenya, atau membuka alamat lain yang disediakan oleh si programmer.Pada tag anchor tersebut, alamat yang dituju ditulis dalam properti href=”", dan bagian yang di-markup atau ditandai ditempatkan di antara tag <a> dan </a>. Jadi, jika ingin menghubungkan ke alamat: http://www.kursusprivat.com, lengkapnya ditulis seperti ini:
<a href=”http://www.itsetan.blogspot.com”>SUNKISS</a>
pada Internet Browser akan ditampilkan seperti ini:
SUNKISS
Tulisan tersebut aktif sebagai hyperlink yang akan mengantarkan orang yang mengklik ke alamat yang disebutkan pada Tag <a> tersebut.
Mudah, bukan. Dengan demikian, anchor dipergunakan untuk menandai sebuah alamat. Namun, alamat tersebut bisa berbeda-beda, tergantung pada situasinya. Pada contoh di atas, digunakan alamat absolut dengan menyebutkan keseluruhan alamat secara lengkap.
Alamat Relatif
Pada pembuatan website, alamat-alamat yang disediakan biasanya berada pada satu folder yang sama dengan halaman HTML yang kita buat. Contohnya, file HTML yang kita buat adalah : index.html. Sedangkan file-file HTML lainnya adalah : profil.html, galeri.html, kontak.html. Maka, pada file : index.html dituliskan sebagai berikut :<a href=”profil.html”>PROFILE</a>
<a href=”galeri.html”>GALLERY</a>
<a href=”kontak.html”>CONTACT US</a>
Sekarang kita coba untuk menyusunnya pada sebuah halaman HTML :
<html>
<head>
<title>HEMAT BBM SELAMATKAN LINGKUNGAN</title>
<style>
body { color:white; font-family:Arial }
a { color:white; font-family:Verdana; text-decoration:none }
</style>
</head>
<body background="bgr.gif">
<center><img src="header.jpg" border="2" ></center>
<center>
<a href="index.html">HOME</a> |
<a href="profil.html">PROFILE</a> |
<a href="galeri.html">GALLERY</a> |
<a href="kontak.html">CONTACT US</a>
</center>
</body>
</html> |
Link Pada Halaman Yang Sama
Selain dipergunakan untuk menghubungkan satu halaman ke halaman lain, link juga dapat berfungsi untuk menuju pada bagian lain dalam satu halaman yang telah diberi nama. Untuk itu, digunakan atribut name=”nama_bagian” untuk menandai satu bagian di dalam satu halaman HTML.Link yang sudah diberi nama tersebut, dapat diakses dari text atau gambar yang diberi tag anchor. Alamat yang disebutkan pada atribut href adalah alamat nama_bagian tersebut yang diberi tanda pagar, contoh :
<a href=”index.html#bagian_satu”>Bagian satu</a>
Link tersebut akan membuat text yang diapit oleh tag anchor menjadi sebuah hyperlink. Jika hyperlink tersebut diklik, maka halaman yang dibuka adalah halaman “index.html”, dan kemudian browser akan menempatkan nama anchor “bagian_satu” ke bagian paling atas pada tampilan browser.
Dengan demikian, sebuah halaman HTML bisa saja mengandung beberapa anchor sekaligus. Hal ini dipergunakan untuk memudahkan user untuk berpindah-pindah dari satu bagian ke bagian lain, terutama apabila halaman tersebut dirasakan terlalu panjang.
Dengan menambahkan beberapa anchor dalam satu halaman, maka struktur halaman juga dapat dibuat lebih rapi. Masing-masing bagian dapat diberi nama dan pada bagian lain programmer dapat menyediakan hyperlink ke bagian-bagian tersebut.
Tidak ada komentar:
Posting Komentar