Hyperlink pada HTML

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor, yaitu 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/link dikarenakan tag ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain.

Tag <a> mempunyai atribut, yaitu :

1. 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”.

<a href="http://google.com">Halaman awal</a>

Jika tulisan tersebut di-klik maka akan mengarah ke halaman awal, http://google.com .

Contoh lain dari penggunaan tag Anchor dapat digunakan untuk menautkan dua dokumen HTML yang telah dibuat. Jika kita membuat dua dokumen HTML yang masing-masing bernama : klik.html dan belajar.html

Maka bila akan memberikan tautan dari klik.html ke belajar.html kita dapat menuliskan tag sebagai berikut pada dokumen klik.html

<a href="belajar.html">Tautan ini menuju halaman belajar</a>

Catatan : dua dokumen tersebut harus ditempatkan pada direktori yang sama.

2. 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. Penggunaannya adalah

<a href="#Pendahuluan">Pendahuluan</a>

akan menuju ke

<a name="Pendahuluan">Pendahuluan</a>

3. 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.

Untuk membuat suatu link di buka di jendela baru kita dapat memasukkan “_blank” dalam atribut target.

Contoh :

<a href="http://google.com" target="_blank">

     Klik disini untuk membuka

</a>

Sedangkan untuk membuat suatu link dibuka di halaman yang sedang dilihat saat itu juga gunakan “_self” .

Contoh :

<a href="http://google.com" target="_selft">

     Klik disini untuk membuka

</a>

4. 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="http://google.com" title="kembali ke halaman awal">

     Tautan ini menggunakan title
</a>

5. 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="http://ketikcoretketik.blogspot.com/ujian"  ACCESSKEY="U"> 
     
     Ujian Online

</a>

Untuk mengaksesnya kita bisa menekan tombol : ALT + U untuk mengakses ujian online.