HTML : Mengenal Tag Hyperlink <A>

- Hallo sahabat Carabuatblo9, terimakasih telah mampir ke blog yang sangat sederhana ini. dalam pembahasa kali ini izinkan saya untuk menyampaikan sebuah artikel dengan judul HTML : Mengenal Tag Hyperlink <A>, dan sebelumnya, saya berharap dengan adanya postingan kali ini bisa menambah wawasan dan informasi anda sebagai pencari informasi. dan semoga postingan kali ini bisa membawa manfaat baik untuk saya selaku penulis maupun untuk anda sebagai pengunjung, Amiiin

Oke, sebelum anda membaca artikel HTML : Mengenal Tag Hyperlink <A> sebaiknya anda juga membaca artikel-artikel yang sudah pernah saya bahas sebelumnya, dimana artikel ini bisa anda lihat pada daftar dibawah ini.

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 :

Demikianlah Artikel HTML : Mengenal Tag Hyperlink <A>

ini saya sajikan khusus untuk para pengunjung tercinta. semoga artikel HTML : Mengenal Tag Hyperlink <A>, ini bisa memberi manfaat untuk anda semua. baiklah, sekian postingan kali ini. dan jangan lupa untuk memberikan sedikit kenangan berupa komentar sebagai tanpa jejak anda dalam kunjungan ke blog jelek ini

Terimakasih anda telah membaca artikel yang berjudul HTML : Mengenal Tag Hyperlink <A> artikel ini diberi link https://carabuatblo9.blogspot.com/2011/06/html-mengenal-tag-hyperlink.html Semoga artikel ini bisa bermanfaat.

Tweet