Wow!
Het opzetten van de basisstructuur ging goed. Ik heb geleerd hoe belangrijk een correcte koppenstructuur is.
Labo 01 - Basis HTML
Doel van de opdracht
- zet de basis klaar (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 gebouwd met drie pagina’s: home, cv en projects. De bedoeling was om HTML5 op een correcte en semantische manier te gebruiken. Ik heb een eenvoudige navigatiebalk gemaakt met een ongeordende lijst en relatieve paden om tussen de pagina’s te navigeren. Elke pagina bevat een duidelijke structuur met een header, main en footer. Ik heb ook afbeeldingen toegevoegd en gecontroleerd of alle links correct werkten. Tot slot heb ik de code gevalideerd met de W3C-validator en aXe DevTools om fouten en toegankelijkheidsproblemen te vermijden.
Gerelateerde links
Reflectie
Aauw!
Niet echt iets, bijna alles ging vlot.
Niet zeker?
Semantische HTML-tags, ik weet nog niet elke uit mijn hoofd.