Interne lenker i HTML

I forrige leksjon lagde vi lenker til sider på andres nettsider, ved å kopiere deres adresse fra adressefeltet i nettleseren. La oss nå si at du ønsker å knytte sidene på din egen nettside sammen med lenker.

I så fall kan du ikke kopiere deres adresser fra adressefeltet. Grunnen er at slike adresser vil inneholde hele stien til siden din fra rotdisken på datamaskinen din, og ved flytting til en annen mappe vil slike lenker rett og slett slutte å fungere.

For sider på din egen nettside bør du bruke en annen tilnærming. La oss studere den med et eksempel. La oss si at I rotmappen til nettsiden din ligger filen index.html og filen page.html. La oss knytte disse filene sammen med lenker. For å gjøre dette, skriver du i attributtet href til lenkene rett og slett navnene på disse filene (med filendelsen). La oss gjøre det.

På siden index.html lager vi en lenke til siden page.html:

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

Og på siden page.html lager vi en lenke til siden index.html:

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

Lag tre HTML-sider i roten av nettsiden din. Kall dem 1.html, 2.html, 3.html. Knytt disse sidene sammen med lenker mellom hverandre.

Lag også siden index.html. Plasser lenker på den til sidene 1.html, 2.html, 3.html.

Modifiser forrige oppgave slik at lenkene plasseres i en liste ul.