Links/ Tautan

Sebuah link / hyperlink atau tautan adalah sebuah kata, sekelompok kata atau gambar yang bisa di klik untuk melompat ke tempat tertenu, ke suatu halaman atau ke dokumen lain, baik di dalam website ataupun di luar website tersebut. Sebuah tautan di tandai dengan gambar tangan dengan telunjuk terbuka. Jadi, ketika sebuah tautan di tunjuk dengan pointer mouse, maka pointer mouse akan berubah bentuk menjadi gambar tangan. Bila tautan tersebut di klik, maka secara otomatis kita akan dibawa menuju target atau tujuan tautan tersebut.
Secara baku, tautan atau link akan tampak di browser sebagai berikut:

  • Tautan yang belum dikunjungi berwarna biru dan bergaris bawah.
  • Tautan yang telah dikunjungi berwarna ungu dan bergaris bawah.
  • Tautan yang sedang aktif berwarna merah dan bergaris bawah.

Adapun Tag HTML yang digunakan untuk mendefinisikan sebuah tautan adalah tag <a> dengan beberapa atribut (pelengkap). Atribut-atribut tesebut antara lain: href, target, dan id. Dalam sebuah tautan, atribut terpenting dari tag <a> adalah href yang mengindikasikan tujuan dari link tersebut. Berikutny adalah atribut target atau tujuan digunakan untuk menentukan dimanakah target dari tautan tersebut akan terbuka, apakah di Window yang sama dengan halaman yang sedang aktif, ataukah di window atau tab baru. Bila tidak di tentukan, maka secara default sebuah tautan akan dibuka pada window yang sama. Atribut yang lainnya adalah atribut id yang digunakan untuk membuat sebuah penanda di dalam suatu dokumen HTML.

Penulisan Link HTML

Kode HTML untuk sebuah tautan adalah sebagai berikut:

<a href="url">Teks Tautan</a>

Seperti yang sudsah disebutkan sebelumnya bahwa atribut href dipakai untuk mendefinisikan / menentukan tujuan atau target dari sebuah tautan.

Contoh:

<a href="http://www.olaholah.wordpress.com/">Dapatkan Info rupa-rupa</a>

Maka di layar monitor (Browser) akan tampak tulisan dengan bunyi: Dapatkan Info rupa-rupa

Dengan mengklik tautan tersebut, maka kita akan dibawa ke homepage (halaman pembuka) blog www.olaholah.wordpress.com.

Contoh lainnya:

Tautan ke bagian tertentu (anchor) dalam dokumenHTML yang menggunakan atribut id:

<a id="tips">Tips dan Trik</a>

Sebuah tautan dengan judul atau informasi tertentu dalam dokumen yang sama dengan lokasi tautan:

<a href="#tips">Tips dan Trik</a>

Sebuah tautan ke Tips dan Trik dari suatu halaman lain:

<a href="http://www.olaholah.wordpress.com/html_links.htm#tips">
Dapatkan Tips dan Trik Berharga</a>


Catatan
:
Teks tautan tidak harus selalu berbentuk teks, namun bisa juga berbentuk gambar atau elemen-elemen html lainnya.

Sumber: www.w3schools.com  Tags: , ,

Leave a Reply