Köprü Kurmak
Bu bölümde köprü kurmayı öğreneceğiz. Web sayfalarında bazı bölümleri tıklanabilir olduğunu biliyoruz. Biz bu tıklanabilir alanlara tıkladığımızda ya sayfanın başka bir yerine veya farklı bir web sayfasına geçiş yapıyoruz. Bunu yapabilmek için <a href="#"> çapa (anchor) etiketini kullanıyoruz. Kullanımı için aşağıdaki örneği inceleyelim.
<a href="#haber">burayı tıklayın</a>
Yukarıdaki kodu web sayfanızda <body> etiketinin hemen altına ekleyin. Sayfanızın en sonuna da yani </body> kapanış etiketinin hemen öncesine aşağıdaki kodu ekleyin.
<a name="#haber">buraya geldiniz.</a>
Sayfanızın yukarıdan aşağıya doğru biraz uzun olmasını sağlayın. Bunun için sayfanıza yeteri
kadar
<p>Örnek içerik</p> satırını ekleyebilirsiniz. Daha sonra sayfanızı tarayıcınızda açın
ve en üstteki burayı tıklayın yazısına tıklayın. Sayfanın altında gördüğünüz buraya geldiniz
yazan bölüme geçiş yaptığınızı fark etmiş olmalısınız.
İşte web sitelerinde köprü kurmak bu kadar kolay.
Şimdi de farklı bir sayfaya köprü kurmayı öğrenelim. Farklı bir sayfaya bağlantı, aynı web sitesi içinde farklı bir sayfaya yapılabileceği gibi (iç bağlantı) farklı bir web sitesine de (dış bağlantı) yapılabilir. İç bağlantı yapmak için <a href="iletisim.html">iletişim sayfası</a> kodu ile, örneğin index.html sayfasındaysak, iletisim.html sayfasına köprü kurup geçiş yapabiliriz. Ya da href özelliğine farklı bir web sitesinin adresini, başında http:// yazmayı unutmadan, eklersek o web sitesine geçiş yapabiliriz. Aşağıdaki kodları index.html sayfanıza ekleyerek örnekleri deneyin.
Öncelikle yeni bir iletişim sayfası oluşturup index.html ile aynı klasör içinde bulunmasını sağlayın. Daha sonra index.html sayfasına;
<a href="iletisim.html">iletişim sayfası</a><br/> <a href="http://www.tbmm.gov.tr">TBMM web sayfası</a>
Kodlarını ekleyin ve tarayıcınızda görüntüleyip bağlantılara tıklayın.
<a href="http://www.tbmm.gov.tr">TBMM web sayfası</a>
kodunu
<a href="http://www.tbmm.gov.tr" target="_blank" >TBMM web sayfası</a>
kodu ile yenileyin.
target="_blank" kodunu eklediğinizde yönlendirilen sayfanın açılışında nasıl bir değişiklik oldu?
Resimlere Köprü Kurmak
Sadece metin içeriklerine değil resimlere de köprü kurulabilir. Bunu aşağıdaki şekilde yapabilirsiniz.
<a href="http://www.tbmm.gov.tr" target="_blank" ><img src="tbmm.png" width="200" alt="TBMM"/></a>
Sayfanızı tarayıcıda açtığınızda, resim üzerine fare imlecini getirip tıklanabilir olduğunu görebilirisiniz.