HTML : Mengenal Tag Hyperlink <A>

Hyperlink atau biasa dikenal dengan Link adalah sebuah kata, kalimat atau gambar yang mengarah kesebuah halaman atau alamat tertentu pada halaman web. Tujuan tersebut bisa mengarah ke halaman web itu sendiri, ke halaman lain dalam web tersebut atau juga ke alamat web lain.

Secara umum penulisan tag hyperlink ditandai dengan tag <a>. Bentuk penulisannya sangat simpel dan mudah, yaitu :

<a href=”url”>Teks Link</a>

CONTOH bisa dilihat dibawah ini

Penulisannya : <a href=”http://kolom-blogger.blogspot.com”>Tutorial Blogspot</a>
Hasilnya : Tutorial Blogspot

Pada kode diatas terdapat tag tambahan HREF, yang berarti bagian ini berisikan alamat tujuan tertentu baik itu url web ataupun email.

CONTOH PENERAPAN :

1. <a href=”http://www.belajarpc.info”>Contoh link menuju URL</a>
   Apakah anda ingin Menjadi Teknisi Komputer yang Handal ?
2. <a href=”index.html”>Contoh link langsung ke File dalam web tersebut</a>
   Contoh link langsung ke File
3. <a href=”#bawah”>Contoh link pada halaman yang sama</a>
   Klik tulisan ini untuk menuju ke Paragraph 20
   Paragraph 1
   Paragraph 2
   Paragraph 3
   Paragraph 4
   Paragraph 5
   Paragraph 6
   Paragraph 7
   Paragraph 8
   Paragraph 9
   Paragraph 10
   Paragraph 11
   Paragraph 12
   Paragraph 13
   Paragraph 14
   Paragraph 15
   Paragraph 16
   Paragraph 17
   Paragraph 18
   Paragraph 19
   Paragraph 20
4. <a href=”mailto:oki.helfiska@yahoo.com”>Contoh link ke Email</a>
   “Jika anda ingin mengirim kritik dan saran silahkan Email saya”

ATRIBUT TAMBAHAN

1. TARGET
   Penambahan atribut target kedalam tag link akan menentukan tujuan dibukanya alamat dalam web browser
   Contoh Penulisan :
   <a href=”http://www.belajarpc.info” target=”_blank”>Belajar Komputer</a>
   Artinya, alamat www.belajarpc.info akan dibuka pada halaman baru atau tab baru pada web browser.
   Atribut lainnya :
   _blank : membuka dokumen terkait di jendela baru atau tab
   _self : membuka dokumen terkait pada frame yang sama ( default )
   _parent : membuka dokumen terkait dalam frameset induk
   _top : membuka dokumen terkait dalam jendela utama.
2. TITLE
   Penambahan atribut title berfungsi untuk menambahkan informasi tambahan pada link ketika mouse over diatas link.
   Contoh Penulisan :
   <a href=”http://www.belajarpc.info” target=”_blank” title=”Visit Blog Belajar PC>Belajar Komputer</a>
   Hasilnya :
   Belajar Komputer (Arahkan mouse diatas teks disamping)

LINK MENGGUNAKAN GAMBAR

Selain menggunakan teks, link juga bisa diterapkan pada gambar.

Contoh penulisan :

<a title="Visit Blog Belajar PC” href="http://www.belajarpc.info"><img border="0" alt="Visit Blog Belajar PC" src="gambar.gif"  /></a>

Hasilnya :

Tweet