HTML'de Dahili Bağlantılar
Önceki derste, başka sitelerin sayfalarına, tarayıcının adres çubuğundan adreslerini kopyalayarak bağlantı yapmıştık. Şimdi kendi sitenizin sayfalarını bağlantılarla birbirine bağlamak istediğinizi varsayalım.
Böyle bir durumda, adreslerini adres çubuğundan kopyalamamalısınız. Bunun nedeni, bu adreslerin bilgisayarınızın kök sürücüsünden itibaren sayfanızın tam yolunu içermesi ve başka bir klasöre taşındığında bu tür bağlantıların bozulacak olmasıdır.
Kendi sitenizin sayfaları için başka bir yaklaşım uygulamalısınız. Bir örnekle inceleyelim. Web sitenizin
kök klasöründe index.html ve page.html dosyalarının bulunduğunu varsayalım.
Bu dosyaları bağlantılarla birbirine bağlayalım. Bunun için bağlantıların href özniteliğine
basitçe bu dosyaların isimlerini (uzantılarıyla birlikte) yazmak gerekir. Hadi bunu yapalım.
index.html sayfasında, page.html sayfasına bir bağlantı oluşturalım:
<h1>Index</h1>
<a href="page.html">sayfaya bağlantı</a>
page.html sayfasında da index.html sayfasına bir bağlantı oluşturalım:
<h1>Page</h1>
<a href="index.html">index'e bağlantı</a>
Sitenizin kök dizininde üç HTML sayfası oluşturun. Bunlara 1.html, 2.html,
3.html adını verin. Bu sayfaları birbirine bağlantılarla bağlayın.
Ayrıca bir index.html sayfası oluşturun.
Bu sayfaya 1.html, 2.html, 3.html sayfalarına bağlantılar yerleştirin.
Önceki görevi, bağlantıların bir ul listesinde yer alacak şekilde değiştirin.