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:
<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:
<h1>Pagina</h1>
<a href="index.html">link naar index</a>
Maak drie HTML-pagina's in de hoofdmap van je
website. Noem ze 1.html, 2.html,
3.html. Verbind deze pagina's met links
met elkaar.
Maak ook een pagina index.html.
Plaats er links op naar de pagina's 1.html,
2.html, 3.html.
Pas de vorige opdracht aan zodat de
links in een lijst ul staan.
