edubun
Nederlands

HTML

Tien eenheden over het met de hand schrijven van webpagina's, van het skelet dat elke pagina deelt tot een kleine afgeronde pagina met een menu, een afbeelding, een tabel en een formulier. Elke eenheid heeft een live-editor die je pagina laat zien terwijl je typt en hem controleert, plus flitskaarten en 9 tot 11 oefenvragen met uitleg.

Voortgang
  1. 1Wat een webpagina isElke pagina die je opent, begint als een gewoon tekstbestand. Klik met de rechtermuisknop op bijna elke pagina, kies Paginabron weergeven, en je kunt de HTML lezen die de server heeft gestuurd.
  2. 2Tags en elementenEen element bestaat meestal uit drie dingen achter elkaar: een openende tag, wat inhoud en een afsluitende tag met een schuine streep.
  3. 3Koppen en alinea'sHTML heeft zes koppenniveaus, h1 tot h6, en gebruikers van schermlezers springen vaak van kop naar kop om hun weg op een pagina te vinden.
  4. 4LinksDe H in HTML staat voor hypertext: tekst die naar andere tekst linkt. Eén element, a, maakt elke link op het web.
  5. 5Afbeeldingen en alt-tekstEen img-element heeft twee attributen nodig om bruikbaar te zijn: src, dat zegt waar de afbeelding is, en alt, dat zegt wat ze toont als ze niet te zien is.
  6. 6LijstenEen boodschappenlijstje en een recept zijn allebei lijsten, maar slechts één ervan gaat kapot als je de volgorde verandert. HTML heeft voor elk een ander element.
  7. 7TabellenEen busdienstregeling is een tabel: elke cel is alleen begrijpelijk samen met de rij- en kolomkop.
  8. 8Basis van formulierenKlik op het woord Email naast een goed gebouwd formulierveld en de cursor springt in het vak. Dat kleine detail is het label-element dat zijn werk doet.
  9. 9Semantische paginastructuurDe meeste pagina's hebben ongeveer dezelfde vorm: een kop, een menu, de hoofdinhoud en een voet. HTML heeft voor elk een element, en schermlezers laten gebruikers er direct naartoe springen.
  10. 10Bouw een kleine paginaEen complete pagina voor een buurtbakkerij past in ongeveer 50 regels HTML, en elk element erin komt uit de laatste negen eenheden.
Bronnen van deze cursus (9)
  • WHATWG, HTML Living Standard (html.spec.whatwg.org, checked 2026-10-17)
  • MDN Web Docs, Learn web development: Structuring content with HTML, and the HTML element reference (developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content and developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements, checked 2026-10-17)
  • MDN, HTML images (alt text guidance, checked 2026-10-17)
  • W3C WAI, Images tutorial and alt decision tree (w3.org/WAI/tutorials/images/decision-tree, checked 2026-10-17)
  • CERN, A short history of the Web (home.cern/science/computing/the-birth-of-the-web/short-history-web/, checked 2026-10-17)
  • W3C and WHATWG memorandum of understanding, 28 May 2019 (w3.org/2019/04/WHATWG-W3C-MOU.html, checked 2026-10-17)
  • W3C, Using ARIA, first rule of ARIA use (w3.org/TR/using-aria/, checked 2026-10-17)
  • W3C Markup Validation Service (validator.w3.org, checked 2026-10-17)
  • MDN, Viewport meta element (checked 2026-10-17).

Geraadpleegd: 2026-10-17