A elementinin target özelliği , açılacak sayfanın nerede gösterileceğini belirlemek için kullanılmaktadır.
Aşağıdaki değerleri alabilir :
HTML'de sayfa için bağlantı yapılabilmektedir. Bunun yapılabilmesi için bir bölge aşağıdaki gibi işaretlenir :
<a name="test">Test</a>
Yukarıda "test" ismi verilerek işaretlenen bölge sayfanın herhangi bir yerinden aşağıdaki gibi link verilebilir.
<a href="#test">Test'e Gidin</a>
Bir sayfa açılırken doğrudan işaretlenen bölgenin görünmesi sağlanabilir. Örneğin yukarıda tanımlanmış bağlantı Test.html gibi bir sayfadaysa aşağıdaki gibi çağırabiliriz :
Test.html#test
Yukarıdaki gibi çağrıldığında Test.html sayfasında doğrudan name="test" ile işaretlenen bölgeye görünür olur.
HTML'de basit bir bağlantı (link) örneği aşağıdaki gibidir :
<a href="http://w3.org">Tıklayın w3'e bağlanın</a>
"Tıklayın w3'e bağlanın" yazısı tıklandığında w3.org sitesi görüntülenecektir.
Aşağıda bir bağlantı sayfasını yeni bir pencere veya yeni tab'da gösterilmesini sağlayan örnek aşağıdaki gibidir :
<a href="http://w3.org" target="_blank"> Tıklayın w3'e bağlanın</a>
"Tıklayın w3'e bağlanın" yazısı tıklandığında w3.org sitesi ayrı bir pencerede veya tab'da gösterilecektir.
HTML'de bir resmi bağlantı yapan örnek aşağıdaki gibidir :
<a href="http://w3.org">
<img src="image.gif"></img>
</a>
image.gif resmine tıklandığında w3.org sitesi açılacaktır.
Aşağıda bir HTML'de sayfa içi bağlantı örneği gözükmektedir:
<html> <body> <a href="#adres">adres bilgisi</a> <p>..................... ....................................... sayfanın sonundayız.</p> <a name="adres">Hacıyatmaz mah. Fahriye Abla Sok No:007</a> </body> </html>
body'in hemen altındaki "adres bilgisi" yazısı tıklandığında sayfanın sonundaki "Hacıyatmaz mah.." ile başlayan yazı görünür hale gelecektir.
Aşağıda base kullanılan bir örnek bulunmaktadır :
<html> <head> <base href="http://www.fibiler.com/test"> </head> <body> <a href="t1.html">t1</a> <a href="t2.html">t2</a> <a href="t1.html">t3</a> <a href="t2.html">t4</a> <a href="t1.html">t5</a> <a href="t2.html">t6</a> </body> </html>
body içinde tanımlanmış tüm bağlantılar http://www.fibiler.com/test/ şeklinde olacaktır. Örneğin birinci bağlantının URL'i http://www.fibiler.com/test/t1.html şeklinde olacaktır. base etiketinde href tanımlandığı için her a elementinde htpp://www.fibiler.com ifadesini yazmaya gerek kalmamaktadır.
Aşağıda bir bağlantının fare ile üzerine gelindiğindeki biçiminin verildiği örnek görülmektedir:
<html> <head> <style> a:hover{ color:red; } </style> </head> <body> <a href="bilmemne.html">tıkla</a> </body> </html>
Yukarıdaki tıkla yazısı üzerine fare ile gelindiğinde yazının rengi kırmızı olacaktır. Bu :hover pseudo class'ı ile yapılmaktadır.
Aşağıda bir bağlantının , CSS pseudo class (pseudo sınıf) ile tüm biçimlerinini verildiği örnek görülmektedir.
<html> <head> <style> :link{ color:gray; } a:hover,a:visited:hover,a:active:hover{ color:red; } a:active{ color:green; } a:visited{ color:brown; } </style> </head> <body> <a href="bilmemne.html">tıkla</a> </body> </html>
Bağlantı gray (gri) rengi yapılmıtşrı. Aktif iken yeşil , daha önce ziyaret edilmiş ise kahverengi görülecektir. Tüm bağlantı durumlarında fare ile üzerine gelindiğinde renk kırmızı olacaktır. Yukarıdaki örnekte bağlantı ile ilgili tüm pseudo class'lar kullanılmıştır.
HTML'de bir bağlantının farklı ve yeni bir pencerede gözükmesi için target özelliği "_blank" yapılmalıdır.
Bağlantı yeni pencerede veya tab'da açılır.
HTML'de bir resmi bağlantı-link haline getirebilirsiniz. Bunun için img etiketini a etiketi içinde olacak şekilde koyulması gerekmektedir :
Yukarıda img ile verilen resim tıklandığında a ile verilen bağlantıya gidilecektir.
Not : Bir resim bağlantı haline getirildiğinde mavi bir border (sınır çizgisi) gözükmektedir. Bunu kaldırmak için img etiketine border="0" özelliği eklenebilir.
Çok uzun HTML sayfalarında sayfa içinde dolaşım bağlantılar kullanılabilir. Sayfa için bağlantı yapmak için bir bölge a etiketi ile isim verilerek işaretlenmelidir :
Yukarıda işaretlenen bölüme gidilebilmesi için aşağıdaki gibi a elementi ile bağlantı koyulur :
isimburaya şeklinde tanımlanmış bölgeye git.
Yukarıdaki bağlantı tıklandığında "isimburaya" şeklinde tanımlanan bölgeye gidilecektir.