Samenvatting Labo 1 - Basis van HTML

Doelstellingen

  • Een correcte bassisstructuur van een HTML-pagina opzetten met de juiste elementen in <head> en <body>.
  • Semantische HTML-tags gebruiken zoals <header>, <main>, <footer>, <nav>, <section> en <li>.
  • Een navigatiestructuur maken met altijd relatieve paden.
  • regelmatig valideren via de W3C-validator en aXe DevTools.
  • Een logische projectstructuur maken zonder hoofdletters of spaties in bestands- of mapnamen.
  • Metadata toevoegen in de <head>, zoals titel en taalinstellingen.
  • Afbeeldingen correct toevoegen met juiste mappen en relatieve paden.
  • Altijd een <h1> binnen <main> gebruiken als hoofdtitel van de pagina.
  • De website correct publiceren op een server met alle werkende links.
  • Het project op tijd afronden en publiceren voor de deadeline.
  • Enkel HTML gebruiken (geen CSS).

Descriptie

De opdracht bestond uit het nabouwen van een kleine website aan de hand van twee screenshots (home.png en prjects.png).
Hierbij leerde je de basis van HTML, zoals het opzetten van een correcte structuur, het gebruik van semantische tags en het creëren van navigatie tussen pagina's.
gedurende de oefening moest je regelmatig valideren met de W3C-validator en aXe DevTools om fouten en toegankelijkheidsproblemen te identificeren op te lossen.

Wat was belangrijk?

  • Schone en semantische HTML-structuur.
  • Correcte en consistente projectmappen.
  • Toegankelijke en geldige HTML-code.
  • Werken met meerdere pagina's en relatieve paden.
  • Correct publiceren van de website.

Wat had je nodig?

  • HTML-tags (semantische en structureel)
  • W3C-validator
  • aXe DevTools
  • Code-editor (VS Code)
  • afbeeldingen.png

Gerelateerde Links

Gebruikte websites

Reflectie

Beschrijf wat je goed hebt gedaan:

  • Alles ging zeer vlot

    Ik kon mijn HTML goed toepassen

    Ik verstond waar ik mee bezig was en wat de code deed

Beschrijf wat moeilijk was:

  • Het was niet perse moeilijk, ik ben een element vergeten dat in de opdracht stond.

Wat zou nog beter kunnen:

  • Nog eens de opdracht en code herlezen zodat ik niet vergeet te doen