Ontdek de basisprincipes van HTML

Ontdek de basisprincipes van HTML

Leerdoelen

Aan het einde van de les kun je de basisprincipes van HTML begrijpen en zelf HTML schrijven.

Dit is een belangrijk onderdeel van de les waar je bij het begin van de les naar terug moet verwijzen.

Wat weet je al van HTML?

Wat is HTML?

HTML staat voor Hypertext Markup Language en is de standaardtaal voor het creëren van webpagina's.

Leg kort uit wat HTML is en wat de afkorting betekent.

Structuur van HTML

HTML heeft een bepaalde structuur die bestaat uit tags, attributen en waarden.

Laat voorbeelden zien van tags en attributen en wat hun waarden zijn.

De basisstructuur van HTML

, en zijn de drie belangrijkste elementen van de basisstructuur van HTML.

Leg uit wat elk van deze elementen doet en hoe ze samenwerken om een webpagina te vormen.

Titel tag

De tag is belangrijk omdat het de titel van de pagina definieert.

Laat zien hoe de titel tag wordt gebruikt en waar het hoort in de structuur van HTML.

Kopjes

Kopjes worden gebruikt om secties van de pagina aan te duiden. Er zijn zes niveaus van kopjes.

Laat zien hoe kopjes worden gebruikt en hoe de niveaus van kopjes de structuur van de pagina beïnvloeden.

Paragrafen

Paragrafen worden gebruikt om tekst in alinea's te verdelen.

Leg uit hoe paragrafen worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren.

Links

Links worden gebruikt om te verwijzen naar andere pagina's of bronnen op het web.

Laat zien hoe links worden gebruikt en hoe ze de gebruikerservaring van de website verbeteren.

Afbeeldingen

Afbeeldingen worden gebruikt om visuele inhoud aan een pagina toe te voegen.

Laat zien hoe afbeeldingen worden gebruikt en hoe ze de esthetiek van de website verbeteren.

Lijsten

Lijsten worden gebruikt om gegevens op een gestructureerde manier te presenteren.

Leg uit hoe lijsten worden gebruikt en hoe ze de leesbaarheid van de pagina verbeteren.

Formulieren

Formulieren worden gebruikt om informatie van gebruikers te verzamelen.

Laat zien hoe formulieren worden gebruikt en hoe ze de interactie met de gebruiker verbeteren.

Divs en Spans

Divs en Spans worden gebruikt om delen van de pagina te groeperen en te stijlen.

Laat zien hoe Divs en Spans worden gebruikt en hoe ze de stijl van de pagina verbeteren.

CSS

CSS staat voor Cascading Style Sheets en wordt gebruikt om de stijl van een webpagina te definiëren.

Leg kort uit wat CSS is en hoe het samenwerkt met HTML.

Oefenen

Laat de leerlingen oefenen met het schrijven van HTML door een eenvoudige webpagina te maken met behulp van de tags en elementen die ze hebben geleerd.

Geef de leerlingen de tijd om hun eigen webpagina te maken en loop rond om vragen te beantwoorden en feedback te geven.

Feedback

Geef feedback op de webpagina's van de leerlingen en laat ze zien hoe ze hun code kunnen verbeteren.

Neem de tijd om de webpagina's van de leerlingen te bekijken en geef feedback op hun code en ontwerp.

Afsluiting

Vat de belangrijkste punten van de les samen en moedig de leerlingen aan om verder te gaan met het leren van HTML.

Herhaal de belangrijkste punten van de les en geef de leerlingen suggesties voor verdere oefening en leren.

Schrijf 3 dingen op die je deze les hebt geleerd.

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.

Schrijf 2 dingen op waarover je meer wilt weten.

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.