Lab1-Basics of HTML
Goals of the exercise
De basisstructuur van een HTML-pagina leren opbouwen met de juiste elementen in de <head> en <body>.
Werken met semantische HTML-tags zoals <header>, <main>, <footer>, <nav>, <section>, <ul> en <li> om een duidelijke structuur te maken.
Een navigatiemenu maken en correcte relatieve paden gebruiken tussen verschillende pagina’s.
Regelmatig valideren met de W3C-validator en aXe DevTools om fouten en toegankelijkheidsproblemen te verbeteren.
Een logische mappenstructuur gebruiken zonder hoofdletters of spaties in bestandsnamen.
Relevante metadata toevoegen zoals taalinstellingen (lang="nl") en een goede paginatitel.
Afbeeldingen correct toevoegen met juiste bestandslocaties en relatieve paden.
Een <h1> in het <main>-gedeelte gebruiken om de belangrijkste titel van de pagina te tonen.
De website correct publiceren op de server zodat alle links werken en de pagina via de juiste URL bereikbaar is.
Het project op tijd afronden en indienen.
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. Valideer je code regelmatig met de W3C-validator en met de aXe DevTools. Dat zijn niet toevallig ook de twee URL's die je nodig hebt op de homepagina.
Related links
Reflection
-
Woaw!
Het uittypen en bergrijpen van de html ging redelijk vlot en was er redelijk snel mee weg vanaf ik er mee opgestart was
-
Aauuw!
Het begrijpen van de opdracht ik wist eerst niet zo goed hoe de opdracht in elkaar zat.
-
Not Sure?
De grootte van de foto's wisselen af maar ik denk dat je dit kan aanpassen naar gelang de lessen over css.