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