Interne links i HTML

I den forrige lektion lavede vi links til sider på andre hjemmesider ved at kopiere deres adresse fra browserens adresselinje. Lad os nu sige, at du vil linke siderne på din egen hjemmeside sammen.

I så fald kan du ikke kopiere deres adresser fra adresselinjen. Grunden er, at sådanne adresser vil indeholde den fulde sti til din side fra din computers roddrev, og ved flytning til en anden mappe vil sådanne links bare gå i stykker.

For sider på din egen hjemmeside bør du anvende en anden tilgang. Lad os studere den med et eksempel. Lad os sige at der i rodmappen af din hjemmeside er placeret filen index.html og filen page.html. Lad os forbinde disse filer med links. For at gøre dette skal du i linkets href-attribut blot skrive navnene på disse filer (med deres filtypenavn). Lad os gøre det.

På siden index.html laver vi et link til siden page.html:

<h1>Index</h1>
<a href="page.html">link til side</a>

Og på siden page.html laver vi et link til siden index.html:

<h1>Page</h1>
<a href="index.html">link til index</a>

Lav tre HTML-sider i roden af din hjemmeside. Navngiv dem 1.html, 2.html, 3.html. Forbind disse sider med links til hinanden.

Lav også siden index.html. Placer links på den til siderne 1.html, 2.html, 3.html.

Modificer den forrige opgave, så linkene er placeret i en liste ul.