Hoe maken we een goede mappenstructuur?

Wij willen graag meerdere opdrachten/projecten verzamelen onder één groot 'verzamelproject' (hoofdpagina). Om Dit te doen maken we eerst een hoofdpagina (met index.html, opmaak, etc.) en vervolgens willen we graag onze andere projecten eraan toevoegen in aparte mappen (zie afbeelding).

mappen in mappen in mappen in mappen




Zoals je kan zien zijn er twee index.html bestanden. Eén daarvan staat in de hoofdmap, en er staat er ook eentje in de HTML1 map. Dat mag dus omdat HTML1 een submap is van de hoofdmap.

Vergeet niet dat je met href tags links kan maken naar andere pagina's. Maar als je dit in een submap wil doen zal je ook de submap in de link moeten zetten.
Een link van de gele indexpagina naar de oranje index pagina ziet er dus zo uit:
<a href="HTML1/index.html">voorbeeld</a>
Uiteraard is het ook mogelijk om in plaats van een klikbare tekst, een klikbare afbeelding te maken:
<a href="HTML1/index.html"><img src="afbeelding.png"></a>
Als je het tegenovergestelde wilt bereiken en een link van de oranje HTML1 submap naar de gele hoofdmap wilt, gebruik je twee puntjes om aan te geven dat je een map 'hoger' wilt zoeken naar het bestand. Zo zou een link er dus bijvoorbeeld uit komen te zien in de oranje index.html:
<a href="../index.html">voorbeeld</a>