Labo 1 – Basis van HTML
Doelen van de oefening
- De basisopbouw van een HTML-document correct leren opzetten.
- Gebruikmaken van semantische elementen zoals header, main, footer, nav en section om structuur te geven.
- Hyperlinks maken die altijd werken via correcte relatieve paden.
- Elke pagina controleren met de W3C HTML-validator en aXe om fouten en toegankelijkheidsproblemen te vermijden.
- Het project ordenen in een duidelijke mappenstructuur met enkel kleine letters en zonder spaties.
- De juiste metadata voorzien, zoals een passende titel en de correcte taalinstelling.
- Afbeeldingen op een correcte manier toevoegen binnen de juiste folders.
- Op elke pagina een h1-kop binnen het main-gedeelte plaatsen.
- De website online zetten en testen zodat alle links functioneren zoals bedoeld.
Beschrijving
In dit labo maakten we een eenvoudige HTML-website op basis van twee screenshots. We oefenden de basisstructuur van HTML zonder CSS, het gebruik van semantische elementen, correcte bestandsstructuren en het gebruik van relatieve paden.
Elke pagina moest gevalideerd worden met de W3C validator en aXe DevTools om fouten en toegankelijkheidsproblemen op te sporen.
Geraadpleegde links
Reflectie
Wauw!
Ik heb geleerd hoe een correcte HTML-structuur werkt en hoe belangrijk semantiek is. Het valideren via de W3C validator verliep vlot na enkele verbeteringen.
Aauw!
Het bepalen van de juiste heading levels en het correct gebruiken van sectioning elementen vond ik het moeilijkst.
Niet zeker?
Ik twijfel nog soms wanneer je een section moet gebruiken of wanneer informatie beter gegroepeerd wordt in een apart onderdeel.