Labo 01 - Basis van HTML
Doel van het labo
- Zet de basisstructuur van een HTML-pagina op, inclusief de vereiste elementen in de
<head>en<body>. - 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.
- Valideer je oplossing regelmatig met de W3C-validator en aXe DevTools om fouten en toegankelijkheidsproblemen te detecteren.
- Organiseer je project in een logische mappenstructuur zonder hoofdletters of spaties in bestandsnamen.
- Voeg relevante metadata toe in de
<head>, inclusief de paginatitel en taalinstellingen (nl/en). - Voeg afbeeldingen toe aan je project en gebruik correcte bestandsstructuren en relatieve paden.
- Gebruik altijd een
<h1>in het<main>-element om de belangrijkste heading op elke pagina te definiëren. - Publiceer je website correct op een server en zorg ervoor dat alle links werken en de pagina toegankelijk is via de opgegeven URL.
- Rond je project op tijd af en zorg dat het voor de deadline gepubliceerd is.
Beschrijving
Het is belangrijk om verschillende HTML-elementen te gebruiken en dit op een correcte en consistente manier. Dit kan je controleren door het gebruik van verschillende sites die de error's uit de code kunnen halen.
Gerelateerde links
Reflectie
Het schrijven van de HTML ging redelijk vlot. Wel was het soms moeilijk om te zien wanneer er een tab moest komen om de code overzichtelijker te maken. Soms deed ik één en soms niet. Als ik even niet wist hoe ik eraan moest beginnen bekeek ik eerst nog eens de ppt en als het dan nog niet ging, zocht ik het op op verschillende bronnen. Deze vergeleek ik en daarna experimenteerde ik met de verschillende opties. Het uploaden van het bestand was wel even moeilijk om te vinden.