07 - HTML - font

• ICT
• MBO
• Studiejaar 1-4

font tag

Leerdoel

Aan het einde van de les kun je uitleggen wat de HTML font-tag doet en deze toepassen in je eigen code.

Wat weet je al over de HTML font-tag?

Wat is de HTML font-tag?

De font-tag wordt gebruikt om de lettertypen, -grootte en -kleur binnen een HTML-document aan te passen.

Voorbeeld 1: Lettertype wijzigen

Dit is een voorbeeld van het wijzigen van het lettertype naar Arial.

<font face="Arial"> Tekst in Arial lettertype </font>

Voorbeeld 2: Tekstkleur veranderen

Dit is een voorbeeld van het veranderen van de tekstkleur naar blauw.

<font color="blue"> Dit is blauwe tekst </font>

Voorbeeld 3: Lettergrootte aanpassen

Dit is een voorbeeld van het aanpassen van de lettergrootte naar 5.

<font size="+2"> Dit is tekst </font>

Overwegingen bij het gebruik van font-tag

De font-tag wordt afgeraden vanwege de scheiding van structuur en stijl in moderne webontwikkeling.

Alternatief

CSS wordt nu gebruikt voor het stylen van HTML-elementen, inclusief lettertypen, -grootte en -kleur.

Samenvatting

De font-tag wordt gebruikt om lettertypen, -grootte en -kleur binnen een HTML-document aan te passen, maar wordt afgeraden vanwege scheiding van structuur en stijl. CSS wordt nu gebruikt voor stijling.

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.