Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

13 - HTML - span en div

Span en Div
1 / 10
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 10 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Span en Div

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 3 - Woordweb

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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>
      <div class="myDiv">
          <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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Oefenen

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 10 - Open vraag

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.