Anasayfa

Html & Css

Html linklendirme tagı olan a tagı kullanımı ve target özellikleri
Facebookta Paylaş

Html linklendirme tagı olan a tagı kullanımı ve target özellikleri

HTML ile yaptığımız işlemlerde linklendirme işlemleri için <a></a> tagını kullanılırız. Bu konumuzda bu tagın nasıl kullanıldığını inceliyor olacağız.
 

<a href="http://www.huseyinulusoy.com">Kişisel Blog</a>

Genel olarak bu şekilde kullanılır. Kişisel Blog yazısına tıklandığında www.huseyinulusoy.com adresine yönlendirmek için yazılır.

Çıktı : Kişisel Blog

<a href="http://www.huseyinulusoy.com" title="Hüseyin Ulusoy Kişisel Blog">Kişisel Blog</a>

Bu şekilde a tagına title atanabilir. Link üzerine gelindiğinde title parametresine yazılan yazı açıklama olarak link üstünde gözükecektir.

Çıktı : Kişisel Blog

<a href="http://www.huseyinulusoy.com" title="Hüseyin Ulusoy Kişisel Blog" style="color:red;text-decoration:none;">Kişisel Blog</a>

Bu şekilde a tagına style parametresi ile css komutları atanarak şekillendirme işlemleri yapılabilmektedir.

Çıktı : Kişisel Blog

<a href="http://www.huseyinulusoy.com" title="Hüseyin Ulusoy Kişisel Blog" style="color:red;text-decoration:none;" target="_blank">Kişisel Blog</a>

Bu şekilde a tagına target parametresi eklenerek linkteki adresin nasıl açılacağı belirlenebilir. _blank yeni sekmede açmak için kullanılır.

Çıktı : Kişisel Blog

Diğer Target parametre değerleri;

_blank : Linkteki sayfa yeni pencerede, yeni sekmede gösterilir.  
_self : Mevcut sayfanın bulunduğu pencerede linkteki sayfayı açar.
_top : Tarayıcıdaki tüm penceresi içinde gösterilir.
_parent : Yeni sayfada gösterilir.



 

31 Ekim 2013 11:05 Kategori :Html & Css4831
Sitene Ekle :
Yukarıdaki kodu sitenize ekleyerek bu konuyu sitenizde yayınlayabilirsiniz.