Labo 01 - Basics of HTML
Goals of the exercise
- Zet de basisstructuur van een HTML-pagina op, inclusief de vereiste elementen.
- Gebruik semantische HTML-tags zoals header, main, footer, nav, section, ul, en li om de structuur van je webpagina te verduidelijken.
- Maak een navigatiestructuur en gebruik altijd relatieve paden tussen pagina's
Description
Bij deze opgave vind je screenshots (home.png en projects.png) van een heel eenvoudige webpagina. Maak deze webpagina na. Hierbij leer je meteen de basisstructuur van een HTML- pagina en enkele vaak gebruikte HTML-tags.
Related links
Nothing to see here :)Reflection
-
Woaw!
De basisstructuur van HTML ging heel vlot. Ik begrijp nu head, body, header, main en footer beter en kan semantische tags correct toepassen.
-
Au!
Enkele details zoals relatieve paden en alt-teksten vergden aandacht. Met kleine aanpassingen is alles duidelijker en toegankelijker.
-
Nog twijfels?
Ik gebruik soms te veel divs in plaats van semantische elementen — dat kan ik verbeteren om de code leesbaarder en beter toegankelijk te maken.