Labo 01 - Basis HTML
Doel van de opdracht
- Zet de basisstructuur van een HTML-pagina op (head + body).
- Gebruik semantische HTML-tags: <header>, <main>, <footer>, <nav>, <section>, <ul>, <li>.
- Maak een navigatiestructuur met relatieve paden.
- Valideer met W3C-validator en aXe DevTools.
- Organiseer project in logische mappenstructuur (geen hoofdletters/spaties).
- Voeg metadata toe in <head> (titel, taal).
- Voeg afbeeldingen toe met correcte paden.
- Gebruik <h1> in <main> op elke pagina.
- Publiceer website correct op server en zorg dat alle links werken.
Beschrijving
In dit labo heb ik een kleine website gemaakt met drie pagina's: home, cv, en projects. De focus lag op het correct toepassen van HTML5-structuur en semantische tags. Ik heb een navigatiebalk toegevoegd met een ongeordende lijst en relatieve paden. Alle pagina's bevatten een <header>, <main> en <footer>. Ik heb afbeeldingen toegevoegd en gecontroleerd of alle links werkten. De code is gevalideerd met de W3C-validator en aXe DevTools om toegankelijkheidsproblemen te vermijden.
Gerelateerde links
Reflectie
Wow!
Het opzetten van de basisstructuur ging goed. Ik heb geleerd hoe belangrijk een correcte koppenstructuur is.
Aauw!
Niet echt iest, bijna alles ging vlot.
Niet zeker?
Semantische HTML-tags, ik weet nog niet elke uit mijn hoofd.