Html sayfalarımıza link eklemek için <a> tag ını kullanırız. Ama <p> tag ından farklı olarak tag içerisinde özellikler belirtmemiz gerekir. Ana hatlarıyla genel kullanım şekli
<a href="tıklandığında gidilecek URL adresi">Görünen Link Metni</a>
<html><head><title>Link Tag</title></head><body></body><html><html>
<head>
<title>Link Tag</title>
</head>
<body>
<a href="http://farukunal.net">Görünen Link Metni</a>
</body>
<html>
Genel kullanımı yukarıdaki gibidir ama ek özellikler de eklememiz mümkün. Target kodu ile link e tıklandığında linkimizin nasıl açılacağını tanımlayabiliriz. Özellikle de eğer verdiğimiz link başka bir siteye ait ise kullanıcının sayfamızdan tamamen ayrılmaması için bu özellikleri kullanarak link i başka bir sekmede açtırabilir, böylece sayfamızdan da tamamen ayrılmasına engel olmuş olabiliriz.
Target komutunun kullanım şekli
<a href="http://farukunal.net" target="_blank">Görünen Link Metni</a>
Gibidir. Burada target özelliği içerisine yazabileceğimiz seçenekler şu şekildedir:
- _blank // Link i yeni pencerede açmak için
- _top // Link i en üst pencerede açmak için
- _self // Link i aynı pencerede açmak için
- _parent // Link i ana pencerede açmak için
<html>
<head>
<title>Link Tag</title>
</head>
<body>
<a href="http://farukunal.net" target="_blank">Blank Link Metni</a>
<a href="http://farukunal.net" target="_top">Top Link Metni</a>
<a href="http://farukunal.net" target="_self">Self Link Metni</a>
<a href="http://farukunal.net" target="_parent">Parent Link Metni</a>
</body>
<html>
Bunların dışındasayfamızda bulunan bir çerçevedeki (iframe) link adresini de değiştirmemiz mümkün. Bunun için ise target olarak ilgili çerçevenin id sini vermemiz gerekiyor. Aşağıdaki örneği inceleyerek bunu daha iyi anlayabilirsiniz.
<html>
<head>
<title>Link Tag</title>
</head>
<body>
<a href="http://farukunal.net" target="altID">Faruk Unal</a><br/>
<a href="http://farukunal.net/blog.aspx" target="altID">BLOG</a><br/>
<a href="http://farukunal.net/sorucevap.aspx" target="altID">SORU CEVAP</a><br/>
<iframe id="altID" src="" width="500" height="500" ></iframe>
</body>
<html>
