HomeProfileFollowSubscribeContact

Minggu, 18 Maret 2012

Tag <a></a> : Membuat link dengan HTML

Tag ini digunakan untuk menuliskan/menunjukkan suatu link. Tag ini mempunyai attribute dan value.
Attribute :
Href : Digunakan untuk menuliskan url/link yang akan ditampilkan. Valuenya adalah link/url yang ingin ditampilkan. Attribute ini harus selalu ada setiap menggunakan tag <a>.
Target : Digunakan untuk menentukan bagaimana halaman yang di-link muncul. Valuenya adalah :
_blank : membuka link/url ke tab baru.
_self : mengganti page seluruh halaman.
_parent : mengganti page yang ada dalam suatu frame.
_top : mengganti page seluruh halaman dari suatu frame.
Value defaultnya adalah _self.
Tag ini memiliki tag penutup yaitu </a>. Cara menggunakannya yaitu dengan menyisipkan teks yang akan ditampilkan sebagai penunjuk link diantara tag pembuka dan penutup yang sudah diberi attribute dan value.

~CONTOH~
 
<html>
<body>
<a href="http://fsfsource.blogspot.com">Coba klik !</a>
</body>
</html>

Kemudian save sesuai dengan
Output yang ditampilkan browser :


Coba klik !


Dengan target="_blank" :
<html>
<body>
<a href="http://fsfsource.blogspot.com" target="_blank">Coba klik !</a>
</body>
</html>

Kemudian save sesuai dengan
Output yang ditampilkan browser :


Coba klik !


Dengan target="_self" :
<html>
<body>
<a href="http://fsfsource.blogspot.com" target="_self">Coba klik !</a>
</body>
</html>

Kemudian save sesuai dengan
Output yang ditampilkan browser :


Coba klik !


Dengan target="_parent" :
<html>
<body>
<a href="http://fsfsource.blogspot.com" target="_parent">Coba klik !</a>
</body>
</html>

Kemudian save sesuai dengan
Output yang ditampilkan browser :


Coba klik !


Dengan target="_top" :
<html>
<body>
<a href="http://fsfsource.blogspot.com" target="_top">Coba klik !</a>
</body>
</html>

Kemudian save sesuai dengan
Output yang ditampilkan browser :


Coba klik !


Tambahan : Untuk target="_parent" dan target="_top" akan lebih efektif jika digunakan bersama dengan frame. Tapi pada artikel ini, saya tidak akan menggunakan frame jadi penggunaan target="_parent" dan target="_top" tidak berbeda dengan target="_self" karena tidak memakai frame.

~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar. 

1 komentar:

Copyright© Fakhru Sidqi Fazari
Back To Top