Sayfa içinde gezinme amacıyla, bir sayfanın içindeki belirli bir bölüme yönlendiren bağlantılara "sayfa içi link" veya "içsel link" denir. Bu bağlantılar, sayfanın içindeki belirli bir id'ye sahip bir öğeye (genellikle bir bölüm veya div) yönlendirir.
İşte sayfa içinde link oluşturmanın temel bir örneği:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sayfa İçi Link Oluşturma</title>
</head>
<body>
<h2 id="bolum1">Bölüm 1</h2>
<p>Bu, sayfanın içindeki Bölüm 1'e yönlendiren bir bağlantıdır.</p>
<!-- Sayfa içi link oluşturma -->
<a href="#bolum1">Bölüm 1'e Git</a>
<h2 id="bolum2">Bölüm 2</h2>
<p>Bu, sayfanın içindeki Bölüm 2'ye yönlendiren bir bağlantıdır.</p>
<!-- Sayfa içi link oluşturma -->
<a href="#bolum2">Bölüm 2'ye Git</a>
</body>
</html>
Yukarıdaki örnekte, href özelliği "#" ile başlayan bir içsel bağlantı kullanılmıştır. Bu bağlantı, belirli bir id'ye (id="bolum1", id="bolum2") sahip olan HTML öğelerine yönlendirir.
Bu şekilde, kullanıcılar belirli bir bölüme hızlıca geçebilirler. Ancak, sayfa içi linklerle ilgili dikkat edilmesi gereken bir şey, sayfanın düzeni veya içeriği değişirse, bağlantıların hedefleri güncellenmelidir.