Labo 01 - De basis van HTML

Doelen van de oefening

  • Eenvoudige HTML leren
  • Goede paginastructuren maken
  • Mijn code controleren en verbeteren
  • Mijn eerste website publiceren
Ga naar de oplossing
Foto van man die html doet

Beschrijving

In deze oefening heb ik geleerd hoe ik de structuur van een basis-HTML-pagina kan opzetten met de juiste elementen in de <head> en <body>. Ik heb geoefend met het gebruik van semantische tags zoals <header>, <main>, <footer> en lijsten om de inhoud duidelijk en goed georganiseerd te maken. Ik heb ook afbeeldingen en een navigatiemenu met werkende links tussen pagina’s toegevoegd. Om ervoor te zorgen dat mijn code correct en toegankelijk was, heb ik deze getest met de W3C-validator en aXe DevTools. Ten slotte heb ik de website gepubliceerd op een server zodat deze online bezocht kon worden.

Gerelateerde links

W3C validator
axe browser extension

Reflectie

Woaw!

Het maken van de header van de website
De basiselementen correct gebruiken
Inzicht krijgen in de structuur van een eenvoudige HTML-pagina
De pagina online laten verschijnen zonder fouten

Aauuw!

De code duidelijk en goed georganiseerd maken
Tijd besteden aan het uitzoeken hoe ik <ol>, <ul> en <li> correct gebruik

Niet zeker?

Nagaan of de structuur van mijn pagina de best practices volgt