|
||
| Bir Web Sayfanın Alt Bölümlerine BaĞlantı Olusturma Bazı web sayfaları çok uzun olabilir. Bu durumda web sayfası içindeki bir alt bölüme yani sayfa içindeki bir HTML elemanına baglantı vermek gerekebilir. Bu baglantı hem aynı web sayfası içinden verilebilir, hem de baska web sayfalarından verilebilir. Bir HTML elemanına baglantı verebilmek için öncelikle bu HTML elemanına bir isim vermemiz gerekir. Daha sonra bu isim kullanılarak bu HTML elemanına gerek aynı sayfadan gerekse baska sayfalardan direk baglantı olusturulabilir. Bir HTML elemanına isim vermek için id özniteligi kullanılır. Simdi bununla ilgili bir örnek uygulama görelim: Kod: <html> <head> <title>Kıtalar</title> </head> <body bgcolor="#FFF0F5"> <h3 align="center">Kıtalar</h3> <p>Dunyadaki kitalardan bazıları sunlardır: <a href="#asy"> Asya</a>, <a href="#avp">Avrupa</a> ve <a href="#afk"> Afrika </a>. </p> <h4 id="asy"> Asya </h4> <p>Avrupanın dogusunda, Büyük Okyanus'un batısında, Okyanusya'nın kuzeyinde ve Arktik Okyanus'un güneyinde bulunan kıta.</p> <h4 id="avp"> Avrupa </h4> <p>Afrikanın kuzeyinde, Asya'nın batısında ve Atlantik Okyanusu'nun dogusunda bulunan kıta. Üzerinde birçok ülke mevcuttur.</p> <h4 id="afk"> Afrika </h4> <p>Avrupa'nın güneyinde, Atlantik Okyanusu'nun dogusunda, Hint Okyanusu'nun batısında ve Antarktika'nın kuzeyinde bulunan kıta.</p> Lutfen bu sayfadaki bilgilerle ilgili iletisim için bize <a href="mailto:reptile@linktr.org">yazin</a>. </body> </html> Bu HTML belgesi web tarayıcısı içinde su sekilde gözükür:  Tarayıcı penceresini büyütünce tek pencere içinde bu web sayfasının tamamını görebiliriz. Ama biz yer darlıgından dolayı burada web tarayıcısı penceresini bu sekilde küçük tuttuk. Simdi bu pencerede Afrika baglantısına tıklarsanız, tarayıcının aynı pencere içindeki Afrika alt bölümünü göstermeye basladıgını görürüsünüz. Bu durumda göreceginiz tarayıcı sayfası söyle olur:  Yukarıdaki HTML belgesinde öncelikle üç alt baslık elemanına da id imiyle isim verdigimize dikkat ediniz. Örnegin Afrika alt baslıgı su sekilde tanımlanmıs: Kod: <h4 id="afk"> Afrika </h4> Burada id imiyle bu <h4> alt baslık elemanına bir isim veriyoruz. Artik bu elemana bu ismiyle erisebiliriz. Burada bu alt baslıgın ismi afk olmus oluyor. Benzer sekilde diger iki alt baslık elemanına da id özniteligini kullanarak isim veriyoruz. Onlara da asy ve avp isimlerini veriyoruz. İkinci adımda isimlendirmis oldugumuz bu alt baslık elemanlarına belgemizin baska yerlerinden baglantı veriyoruz. Simdi Afrika elemanına vermis oldugumuz baglantıya daha yakından bakalım: Kod: <a href="#afk"> Afrika </a> Bu durumda href özniteliginin degeri sadece alt baslık elemanının ismi olarak verilebilir. Çünkü hem baglantıyı veren hem de baglantı verilen eleman ayni belge içinde. Ayrıca href özniteliginin degerini yazarken önce # isaretinin kullanıldıgına dikkat ediniz. Bazı web sayfalarında HTML elemanlarını isimlendirmek için id özniteligi yerine name özniteliginin kullanıldıgını görebilirsiniz. Bu, su anda tavsiye edilmeyen bir metoddur. Dogrusu id özniteligini kullanmaktır. Alt baglantılar her türlü HTML elemanına yapılabilir. Örnegin paragraf alt elemanlarına da baglantı yapılabilir. Fakat bu örnekte alt baslıga yapmak daha mantıklı oldugu için biz alt baslıklara baglantı yaptık. Alıntılarda www.linktr.org kaynak olarak gösteriniz reptile / www.LinkTr.Org / 22.02.2009 |
||