Web sayfalarında üzerine tıklandığında başka bir sayfaya yönlendirilmemizi sağlayan yazılar link olarak adlandırılır. Link koymak için a etiketi kullanılır ve href özelliği ile bağlanılacak sayfanın adresi verilir. Örnek olarak;
<a href=”http://ogren.co”>ogren.co ‘ ya gitmek için tıklayın…!</a>
bağlanılacak sayfa varsayılan olarak linkin bulunduğu pencereye yüklenecektir. Linke tıklanıldığında başka bir sayfada açılması istendiği taktirde “a” etiketinin “target” özelliği kullanılmaktadır.
Aşağıda bağlanılan sayfayı yeni bir pencerede gösteren link vardır.
Aşağıda bağlanılan sayfayı yeni bir pencerede gösteren link vardır.
<a href=”http://ogren.co” target=”_blank”>ogren.co ‘ ya gitmek için tıklayın…!</a>
“Target” özelliği için tanımlı 4 değer vardır. Bunlar;
“Target” özelliği için tanımlı 4 değer vardır. Bunlar;
_blank = Sayfayı yeni bir pencerede açar.
_self = Sayfayı link’in bulunduğu pencerede açar.
_parent =Linkin frame’nin bulunduğu frameset’te açar.
_top = Sayfayı en tepede tüm frame’lerin bulunduğu frameset’te açar.
İstediğiniz bir frame’de açılması isteniyor ise “target” özelliğinin “frame” adını yazmanız yeterlidir.
Resimlere Link Verilmesi
Resimler üzerinde de link yapılabilir. Örnek olarak;
<a href=”http://ogren.co”><img src=”ogrenco.gif”></img></a>
Anchor | Doküman İçinde Link
Eğer sayfa uzunluğunuz çok ise sayfanızın içinde link yapabilirsiniz. Örneğin sayfanızın sonunda iletişim bilginiz var ve çok aşağıda. Sayfanızın başından tıklandığında bu iletişim bilgisinin bulunduğu yere gelinmesini istiyorsunuz. Bunun için adresin yazıldığı yere bir isim vermelisiniz ve daha sonra sayfanın başında o isme bağlanan bir link yapmalısınız. Örnek olarak;
<html>
<body>
<a href=”#iletisim”>iletisim bilgisi</a>
……………
sayfanın sonu.<a name=”iletisim”>www.ogren.co</a>
</body>
</html>
Bu örnekte sayfanın sonundaki iletisim bölümüne “iletisim” ismini verdik ve en yukardaki link’ te de #iletisim ile bu bölüme link sağladık. Bu link tıklandığında iletisim bölümüne gelinecektir. Farklı sayfaların da belirli bir bölümüne link sağlanabilir. Örnek olarak adres.html sayfasının adres bölümüne ulaşmak için href=”adres.html#adress” yazmak yeterli olacaktır.
Base
Sayfanızda http://www.ogren.co/test/ klasörünün bulunduğu yere 10 link olduğunu düşünün. Her link eklediğinizde href özelliğine her defasında http://www.ogren.co/test/ ifedesini yazmak zorundasınız.
Bunun yerine http://www.ogren.co/test/ ifadesini base yapıyosunuz ve bundan sonra href=”.html” kullandığınızda http://www.godoro.com/test/test1.html sizin için çağırılıyor. Siz her defasında http://www.ogren.co/test/ ifadesini yazmanız gerekmiyor. Örnek olarak;
<html>
<head>
<base href=”http://www.ogren.co/test”>
</head>
<body>
<a href=”t1.html”>godoro t1</a>
<a href=”t2.html”>godoro t2</a>
<a href=”t1.html”>godoro t3</a>
<a href=”t2.html”>godoro t4</a>
<a href=”t1.html”>godoro t5</a>
<a href=”t2.html”>godoro t6</a>
</body>
</html>
Aynı işlemi target içinde yapabilirsiniz. Sayfanızdaki tüm linklerin main adında bir frame’de açılacağını düşünün. Eklediğiniz her link için target=”main” yazmanız gerekir. Bunun yerine <base target=”main”> yazarsanız bundan sonra her linke eklemeniz gerekmez. Daha sonra linkleri main’de değil de test frame’inde açmak isterseniz yanlızca base tag’in target attribute’sini değiştirmeniz yeterli olacaktır.
Hiç yorum yok:
Yorum Gönder