Div- en span-tags worden gebruikt in HTML om delen van een webpagina te groeperen en te stileren met CSS of te manipuleren met JavaScript.
Div Element:
Het `div` element is een block-level element dat wordt gebruikt om een grote chunk van content of meerdere HTML elementen samen te groeperen. Het is een veel gebruikte methode voor het toepassen van CSS stijlen op een groep elementen.
Voorbeeld:
```
Dit is een paragraaf
In bovenstaand voorbeeld zijn de `h1` en `p` tags gegroepeerd binnen een `div` tag. De stijl die toegepast is op de `div` tag wordt toegepast op alle elementen binnen de `div`.
Span Element:
Het `span` element is een inline element dat gebruikt wordt om een klein stukje content te groeperen of individueel te stileren. Het heeft geen effect op de structuur of layout van de pagina behalve door toegepast CSS.
Voorbeeld:
```
Dit is een stukje rode tekst binnen een paragraaf.
In bovenstaand voorbeeld wordt de `span` tag gebruikt om een deel van de tekst binnen de `p` tag een andere kleur te geven.
Het belangrijkste verschil tussen `div` en `span` zit in het feit dat `div` block-level is (wat betekent dat het op een nieuwe lijn begint en eindigt) en `span` is inline (wat betekent dat het binnen een lijn content blijft).
