Interna länkar i HTML

I föregående lektion skapade vi länkar till sidor på andras webbplatsar genom att kopiera deras adress från webbläsarens adressfält. Låt oss nu säga att du vill länka sidor på din egen webbplats.

I så fall kan du inte kopiera deras adresser från adressfältet. Anledningen är att sådana adresser kommer att innehålla den fullständiga sökvägen till din sida från rotdisken på din dator, och när den flyttas till en annan mapp kommer sådana länkar helt enkelt att gå sönder.

För sidor på din egen webbplats bör ett annat tillvägagångssätt användas. Låt oss studera det med ett exempel. Låt oss säga att filen index.html och filen page.html finns i rotmappen på din webbplats. Låt oss länka dessa filer. För att göra detta ska du i länkens href-attribut helt enkelt skriva namnen på dessa filer (med deras filändelse). Låt oss göra det.

På sidan index.html skapar vi en länk till sidan page.html:

index.html<h1>Index</h1>
<a href="page.html">länk till page</a>

Och på sidan page.html skapar vi en länk till sidan index.html:

page.html<h1>Page</h1>
<a href="index.html">länk till index</a>
Задание 1

Skapa tre HTML-sidor i roten på din webbplats. Kalla dem 1.html, 2.html, 3.html. Länka dessa sidor med varandra.

Задание 2

Skapa även en sida index.html. Placera länkar på den till sidorna 1.html, 2.html, 3.html.

Задание 3

Modifiera föregående uppgift så att länkarna placeras i en lista ul.