Jumat, 23 Desember 2011

Tag Anchor (Tutorial HTML)

tag anchor
Ketemu lagi dengan saya yang terlanjur ganteng ini :akhirnya: .Sempet bingung mau posting apa, tapi setelah dipikir – pikir lebih baik posting yang berguna. Jadi kali ini saya akan menjelaskan tentang tag Ancur Anchor <a> , kalau bahasa Indonesia artinya jangkar.
Tag ini merupakan tag yang biasa di gunakan, biasanya digunakan untuk membuat link atau tautan. Tau kan link itu apa ?.
Contoh:
<a href=’http://rupi-adam.blogspot.com>Cyber Blog</a>
Hasilnya: Cyber Blog

Atribut


Atribut ini adalah perintah tambahan pada tag anchor. Diantaranya:
  • href,
  • title,
  • target,
  • name,
  • accesskey

Href


Atribut ini merupakan bagian terpenting, karena tanpa ini tujuan tidak akan jelas. Atributnini menentukan kemana arah / tujuan suatu tautan tersebut.
Jadi Atribut ini di tulis href=alamat tujuan. Misalkan kita hendak membuat link facebook maka kita tulis <a href=’http://facebook.com’>Facbook</a> hasilnya Facebook

Title


Dari namanya saja kita sudah bisa menebak, bahwa atribut ini memberikan title / keterangan tautan tersebut. Atribut ini tidak akan mengubah tampilan tulisan dari tautan, ia hanya akan memunculkan keterangan ketika tautan tersebut di sorot.

Contoh :

Dengan title
<a href=’http://rupi-adam.blogspot.com’ title=’dengan title’ >Cyber Blog</a>
Hasilnya: Cyber Blog

Tanpa Title

<a href=’http://rupi-adam.blogspot.com’>Cyber Blog</a>
Hasilnya: Cyber Blog

Coba kalian sorot, dan lihat bedanya


Target


Atribut target ini adalah opsi atau perintah bagaimana sebuah link atau tautan dibuka :piktor::piktor: pada browser. Pilihannya mulai dari membuka di tab baru, jendela baru, atau di buka saat itu juga :mesum: :mesum:

Contoh

Membuka di tab baru
<a href=’http://rupi-adam.blogspot.com’ target=’_blank’>Cyber Blog</a>
Hasilnya: Cyber Blog
Membuka di tempat
<a href=’http://rupi-adam.blogspot.com’ target=’_self’ >Cyber Blog</a> atau bisa juga <a href=’http://rupi-adam.blogspot.com’>Cyber Blog</a>
Hasilnya: Cyber Blog

Name


Atribut ini berbeda dari atribut href yang akan membawa kita kesebuah halaman. Menurut Buku Tatang Sutarma sepengetahuan saya ini hanya mengantarkita menuju ke suatu titik, eitz bukan titik kaya gini (.). Atribut ini berguna untuk memberikan nama dari suatu tautan.
contoh:
<a href=’#Rupi’>Rupi</a>
Maka akan menuju ke
<a name=’Rupi’>Rupi</a>
Hasilnya klik tautan dibawah ini
Klik ini !!!

Rupi Adam
Rupi adam adalah seorang pria yang terlanjur tampan. Ia adalah pemilik Cyber Blog. Udah ah capek narsisnya :ngakak: :ngakak: :ngakak:

Accesskey


Kalau atribut yang satu ini bisa dibilang sebagai shortcut atau jalan pintas dari sebuah tautan / link. Jadi ketika ada sebuah tautan yang menggunakan atribut ini maka bisa di buka dengan tombol shortcut ALT+[apa aj sesuai keinginan kita]

Contoh:
<a href=’http://rupi-adam.blogspot.com’ accesskey=’A’>Halaman Awal</a>
Atau
<a href=’http://facebook.com/rupi.adam’ accesskey=’F’>Facebook Gue</a>
Hasilnya:
Halaman Awal
Facebook Gue

Nah, sekarang pencet ALT+A buat kembali ke homepage atau halaman awal dan ALT+F buat nge-add facebook gue. Alhamdulillah ya udah selesai, semoga bisa membantu, maaf kalau belibet libet, namanya juga newbie.
Kalau ada yang bingung ya tinggal di komeng aja ok, see you ...
:bigsmile::bigsmile::bigsmile:

0 komentar:

Posting Komentar

Dilarang keras:

1. Memancing keributan
2. Flaming
3. Spamming
4. Out of topic
5. Junk
6. Berkata kotor, kasar, menghina orang lain
7. Menghina agama
8. Memasang link hidup

Berkomentar, follow blog saya dan saya lakukan hal serupa dengan blog anda
Budayakan komentar berbobot !