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:
<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:
<h1>Page</h1>
<a href="index.html">länk till index</a>
Skapa tre HTML-sidor i roten på din
webbplats. Kalla dem 1.html, 2.html,
3.html. Länka dessa sidor med varandra.
Skapa även en sida index.html.
Placera länkar på den till sidorna 1.html,
2.html, 3.html.
Modifiera föregående uppgift så att
länkarna placeras i en lista ul.