Sayfa İçi Bağlantı Oluşturma

Çapa olarak da adlandırılan sayfa içi bağlantı oluşturma, bir web sayfasında, bağlantı verdiğimiz yere tıkladığımızda aynı sayfa içinde başka bir bölüme yönlendirmemizi sağlar.

Çapa oluşturmak için kodlar:

Yönlendirmeyi yapacağımız bölüme isim vermemiz gerekir.

<a name="isim">...</a> etiketleri arasına aldığımız bölüm yönlendireceğimiz bölümdür.

Link oluşturacağımız kelimelere adres belirtmemiz gerekir.

<a href="#isim"> etiketleri arasında yazdığımız bölüm bağlantı yapısını alır ve üzerine tıklandığında "href" parametresine atadığımız "isim" bölümüne gidecektir.

Örnek:Aşağıdaki kodları yazıp çalıştırdığımızda çapa uygulamasını anlamak için tarayıcıyı küçültmemiz gerekir. Tarayıcıya sığmayan bölüme gitmek istediğimizde, bağlantıya tıklarız ve ilgili yeri ekrana getirir.
<HTML>
<HEAD><TITLE>Ornek20.html</TITLE></HEAD>
<BODY>
<a name="BAS">İÇİNDEKİLER</a> 
<ul>
<li><a href="#Bolum1">Bolum1</a>
<li><a href="#Bolum2">Bolum2</a>
<li><a href="#Bolum3">Bolum3</a>
</ul>
 
<a name="Bolum1">Burası Bolum1</a>
<a href="#BAS">Başa Dön</a>
 
<a name="Bolum2">Burası Bolum2</a>
<a href="#BAS">Başa Dön</a>
 
<a name="Bolum3">Burası Bolum3</a>
<a href="#BAS">Başa Dön</a>
</BODY>

</HTML>

Çapalı sayfa

Bağlanıya tıkladığımızda ekrana gelecek kısım

Bağlantıların olduğu kısım

Sayfa İçi Bağlantı Oluşturma

1 yorum :

Öne Çıkan Yayın

iframe Örneği 1

Arşiv Blog