HTML : Mengenal Tag Hyperlink <A>

hyperlink 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 :

Visit Blog Belajar PC