Digitale Toledo

Thema: Web | Tags: #html #index #web #projectmap #basis

Wat is index.html?

Het bestand index.html is de startpagina van een website. Als je in een browser een website opent zonder een specifieke bestandsnaam te typen, zoekt de browser automatisch naar index.html. Daarom moet dit bestand altijd in de hoofdmap van je project staan.

Naast de startpagina kun je ook andere pagina’s toevoegen. Die geef je een duidelijke naam die past bij de inhoud.

Voorbeelden van namen:

  • index.html → startpagina
  • about.html → tweede pagina met informatie over jezelf of het project
  • contact.html → derde pagina met contactgegevens of een formulier

Voorbeeld projectstructuur:

project/
├── index.html
├── about.html
├── contact.html
├── css/
│   └── style.css
└── images/
    └── logo.png

Belangrijke afspraken:

  • Gebruik kleine letters en vermijd hoofdletters, spaties en speciale tekens in bestandsnamen.
    • Goed: about.html
    • Fout: About Me.html
  • De namen moeten beschrijvend en kort zijn.
  • Koppel pagina’s met relatieve links, bijvoorbeeld: <a href="about.html">Over mij</a>

Stappenplan:

  1. Maak altijd een index.html als startpagina in de hoofdmap.
  2. Voeg voor elke nieuwe pagina een apart .html-bestand toe met een duidelijke naam.
  3. Zet alle pagina’s in dezelfde hoofdmap (niet in submappen tenzij nodig).
  4. Gebruik <a href="..."> om pagina’s aan elkaar te linken.
  5. Test in de browser of je goed kunt navigeren tussen de pagina’s.