Interne links in HTML

In de vorige les hebben we links gemaakt naar pagina's van andere websites, door hun adres te kopiëren uit de adresbalk van de browser. Stel dat je nu pagina's van je eigen website met links wilt verbinden.

In dat geval kun je hun adressen niet uit de adresbalk kopiëren. Het probleem is dat dergelijke adressen het volledige pad naar je pagina zullen bevatten vanaf de hoofdmap van je computer, en bij verplaatsing naar een andere map zullen dergelijke links gewoon breken.

Voor pagina's van je eigen website moet je een andere aanpak hanteren. Laten we dit bestuderen aan de hand van een voorbeeld. Stel dat in de hoofdmap van je website het bestand index.html en het bestand page.html staan. Laten we deze bestanden met links verbinden. Om dit te doen moeten we in het attribuut href van de links gewoon de namen van deze bestanden opschrijven (met hun extensie). Laten we dit doen.

Laten we op de pagina index.html een link maken naar de pagina page.html:

index.html<h1>Index</h1>
<a href="page.html">link naar pagina</a>

En op de pagina page.html maken we een link naar de pagina index.html:

page.html<h1>Pagina</h1>
<a href="index.html">link naar index</a>