Hyperlink atau tautan digunakan untuk menghubungkan satu halaman ke halaman lain, atau halaman ke alamat web lain, atau menghubungkan dari posisi satu ke posisi lain dalam satu halaman.
Syntaks hyperlink adalah :
<A>Teks tautan</A>
Atribut dalam hyperlink antara lain :
- href : nama file atau tujuan hyperlink
- target : tipe hyperlink yang digunakan
Tujuan-tujuan dari atribut “href” dapat dijelaskan pada tabel berikut :
| “nama file” | Perpindahan antara halaman dalam satu website |
| “http://URL” | Perpindahan antara halaman website atau server yang berbeda |
| “#posisi” | Perpindahan posisi dalam halaman yang sama |
| “mailto:[alamatemail]” | Berpindah ke email compose dengan alamat yang diberikan |
Sedangkan nilai dari atribut “target” dapat dijelaskan pada tabel berikut :
| _blank | Link dokumen ke jendela yang baru |
| _top | Link dokumen ke jendela yang sama |
1. Contoh 1 penggunaan tag hyperlink :
Nama file hyperlink1.html
<html>
<head><title>Hyperlink</title></head>
<body>
<h2>Ini Halaman 1</h2>
<A href=”halaman2.html” target=”_top”>
Menuju halaman 2</A>
</body>
</html>
Nama file hyperlink2.html
<html>
<head><title>Hyperlink</title></head>
<body>
<h2>Ini Halaman 2</h2>
<A href=”halaman1.html” target=”_top”>
Menuju halaman 1</A>
</body>
</html>
Dari 2 syntaks di atas menghasilkan 2 buah file yang saling terhubung. Hasilnya sebagai berikut :
Jika teks tautan (link) “Menuju halaman 2” pada file hyperlink1.html diklik oleh mouse, maka akan menuju ke file halaman2.html, dikarenakan tujuan file dari atribut href adalah hyperlink2.html. Begitu juga sebaliknya, jika teks tautan pada file hyperlink.html diklik maka akan menuju ke file hyperlink1.html.
2. Contoh 2 penggunaan tag hyperlink :
<html>
<head><title>Hyperlink</title></head>
<body>
Menuju Google klik link di bawah :
<A href=”http://www.google.com” target=”_blank”>Google</A>
</body>
</html>
Syntaks di atas menghasilkan tautan ke sebuah alamat website google, hasilnya adalah sebagai berikut :
