13 - HTML - span en div

Span en Div

1 / 10

Slide 1: Diapositive

ICTMBOStudiejaar 1-4

Cette leçon contient 10 diapositives, avec quiz interactifs et diapositives de texte.

La durée de la leçon est: 60 min

Éléments de cette leçon

Span en Div

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Leerdoel

Aan het einde van de les kun je het verschil uitleggen tussen span en div en deze tags correct toepassen in een HTML-document.

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Wat weet je al over het gebruik van span en div in HTML?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Wat zijn Span en Div?

Span en Div zijn HTML-tags die worden gebruikt om de opmaak en structuur van een webpagina te beheren. Span wordt gebruikt voor inline-elementen, terwijl Div wordt gebruikt voor blokelementen.

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Gebruik van Span

De tag <span> wordt gebruikt om een deel van de tekst te markeren of te stylen, zoals het veranderen van de kleur of het toevoegen van een achtergrondkleur.

<p>Mijn moeder heeft <span style="color:blue">blauwe</span> ogen.</p>

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Gebruik van Div

De <div> tag wordt gebruikt om

secties van een webpagina te

definiëren en te groeperen. Het

wordt vaak gebruikt voor het

maken van lay-outs en het

toepassen van stijlen op

meerdere elementen tegelijk.

<!DOCTYPE html>

<html>

<head>

<style>

.myDiv {

background-color: lightblue;

}

</style>

</head>

<body>

<h2>Dit is een kop in een div-element</h2>

<p>Dit is wat tekst in een div-element.</p>

</div>

</body>

</html>

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Toepassingen in Praktijk

Span en Div kunnen worden gebruikt om de opmaak en structuur van een webpagina te verbeteren. Ze zijn essentieel voor het creëren van aantrekkelijke en goed gestructureerde webinhoud.

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Oefenen

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting

Tijdens deze les hebben jullie geleerd over de toepassingen van span en div in HTML. Jullie hebben de tags correct toegepast en een webpagina gemaakt met aantrekkelijke opmaak en structuur.

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 10 - Question ouverte

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.

13 - HTML - span en div

Éléments de cette leçon

Slide 1 - Diapositive

Slide 2 - Diapositive

Slide 3 - Carte mentale

Slide 4 - Diapositive

Slide 5 - Diapositive

Slide 6 - Diapositive

Slide 7 - Diapositive

Slide 8 - Diapositive

Slide 9 - Diapositive

Slide 10 - Question ouverte

Plus de leçons comme celle-ci

Ontdek de basisprincipes van HTML

Kennismaking met HTML Programmeren

05 - HTML - tags

01 - HTML - intro

Les4 - CSS Selectoren: HTML Elementen Aanspreken

Hfst 3: Les 4 structuur

HTML & CSS: Meer opmaak en blokken

HTML & CSS: Blokkendoos