İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır

Html'de Link

Link'lere Giriş

Web sayfasında üzerine tıklandığında başka bir sayfaya bağlanmanızı sağlayan yazılara link deniyor. Link koymak için a tag'i kullanılır. href attribute'si ile bağlanılacak sayfanın adresi verilir. Aşağıda bir link yapılıyor.

<a href="http://w3.org">tıklayın w3'e bağlanın </a>

bağlanılacak sayfa default-varsayılan olarak linkin bulunduğu pencereye yüklenecektir. Başka bir browser penceresinde gözükmesini istiyorsanız a tag'inin target attribute'sini kullanacaksınız. Aşağıda bağlanılan sayfayı yeni bir pencerede gösteren link vardır.

<a href="http://w3.org" target="_blank">tıklayın w3'e bağlanın </a>	

Target attributesi için tanımlı 4 değer vardır. Bunlar _blank,_self,_parent,_top'dır. _blank sayfayı yeni bir pencerede açar. _self sayfayı link'in bulunduğu frame'de açar. _parent ise link'in frame'nin bulunduğu frameset'te açar. _top ise sayfayı en tepede tüm frame'lerin bulunduğu frameset'te açar. İstediğiniz bir frame'de açması için ise target attribute'sine frame'nin adını yazmanız yeterlidir.

Image'dan da link yapılabilir. Image'a tıklayarak başka bir sayfaya bağlanılabilir. Şimdi bir image link'i yapıyoruz.

<a href="http://w3.org"><img src="image.gif"></img></a>

Anchor-Doküman İçinde Link

Eğer sayfanız fazla uzunsa sayfanızın içinde link yapabilirsiniz. Örneğin sayfanızın sonunda adres bilgisi var. Sayfanızın başından tıklandığında bu adresin bulunduğu yere gelinmesini istiyorsunuz. Şunu yapmalısınız. Adres'in yazıldığı yere bir isim vermelisiniz. Sonra sayfanın başında o isme bağlanan bir link yapacaksınız. Aşağıda biz bunu yapıyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster
  1 <html>
  2 <body>
  3 	<a href="#adress">adress bilgisi</a>
  4 	<p>...........
  5 	..........
  6 	.............
  7 	..............
  8 	.............
  9 	sayfanın sonundayız.</p>
 10 	<a name="adress">Hacıyatmaz mah. Fahriye Abla Sok No:007</a>
 11 </body>
 12 </html>

Görüldüğü gibi sayfanın sonundaki adres bölümüne adress ismini verdik. En yukardaki link'te #adress ile bu bölüme link sağladık. Bu link tıklandığında adress bölümüne gelinecektir. Bu başka sayfaların da belirli bir bölümüne link sağlanabilir. test.html sayfasının adress bölümüne ulaşmak için href="test.html#adress" yazmak yeterli olacaktır. Başka bir sitedeki sayfanın bir bölümünede aynı şekilde ulaşılabilir. Örneğin www.godoro.com/test.html sayfasının adress bölümüne ulaşmak için href="http:www.godoro.com/test.html#adress" yazmanız gerekir.

Base

Sayfanızda http://www.godoro.com/test klasörünün bulunduğu yere 10 link olduğunu düşünün. Her link eklediğinizde href attributesine http://www.godoro.com/test/t1.html,http://www.godoro.com/test/t2.html,http://www.godoro.com/test/t3.html şeklinde her defasında http://www.godoro.com/test/ ifedesini yazmak zorundasınız. Bunun yerine http://www.godoro.com/test/ ifadesini base yapıyosunuz. Bundan sonra href="t2.html" kullandığınızda http://www.godoro.com/test/t2.html sizin için çağırılıyor. Siz her defasında http://www.godoro.com/test/ ifadesini yazmanız gerekmiyor. Aşağıda bu işlemi yapıyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster
  1 <html>
  2 	<head>
  3 		<base href="http://www.godoro.com/test">
  4 	</head>
  5 <body>
  6 	<a href="t1.html">godoro t1</a>
  7 	<a href="t2.html">godoro t2</a>
  8 	<a href="t1.html">godoro t3</a>
  9 	<a href="t2.html">godoro t4</a>
 10 	<a href="t1.html">godoro t5</a>
 11 	<a href="t2.html">godoro t6</a>
 12 </body>
 13 </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.

Dosya Listesi

İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır