Html

HTML’ de Sayfa İçi Link Vermek

 

HTML’ de Sayfa İçi Link Vermek


Web sitelerimizde kullandığımız linkler ( bağlantılar ) sayesinde hazırlamış olduğumuz , aynı sayfada yer alan konuları birbiri ile ilişkilendirebiliriz . 

Bir tıklama ile istediğimiz yazı alanını kolayca görüntüleyebiliriz .

Web sitelerimizde herhangi bir konuda yazmış olduğumuz makalelerimiz çok uzun olabilir . Bu durumlarda linkler  ( bağlantılar ) sayesinde sayfanın isediğimiz yerine hızlıca gidilebilir ve istediğimiz konuyu okunabilir yada resim,video görüntülenebilir.

Bu işlem Word’de kullandığımız link vermeye benzemektedir.

Sayfa içi link oluşturmaya çapa oluşturma adı da verilmektedir . 

  • Yönlendirmeyi yapacağımız bölüme mutlaka isim vermemiz gerekir. Çünkü isim aracılığı ile bağlantı oluşturacağız . 

          <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 Kullanım Şekli


<html>
<head>
<meta http-equiv=”Content-type” content=”text/html” charset=”UTF-8″>
<title> Bilişimci Annem </title>
</head>

<body>

<a name=”BAS”>Donanım Öğelerimiz</a><br><br><br><br><br>

<ul>  
  <li><a href=”#Anakart”>Anakart</a>
  <p> Anakart ile ilgili açıklama </p>
  
  <li><a href=”#İşlemci”>İşlemci</a>
  <p> İşlemci ile ilgili bilgi </p>

  <li><a href=”#Ekran Kartı”>Ekran Kartı</a>
  <p>Ekran kartı ile ilgili bilgi </p>

</ul>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name=”Anakart”>Anakart </a>
<a href=”#BAS”>Konusuna Dön</a>
<br><br>
<a name=”İşlemci”>İşlemci</a>
<a href=”#BAS”>Konusuna Dön</a>
<br><br>
<a name=”Ekran Kartı”>Ekran Kartı</a>
<a href=”#BAS”>Konusuna Dön</a>


</body>

</html>

Kod Editöründe Kullanım

 

Tarayıcımızda Görünüm

 

Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik