Wat is het verschil tussen de tags <div>, <img> en <p>?

div - een universele container voor het groeperen van elementen, heeft geen semantische betekenis. Wordt vaak gebruikt voor het maken van lay-outs.

img - wordt gebruikt om afbeeldingen in het document in te voegen. Het verplichte attribuut src geeft het pad naar het afbeeldingsbestand aan. Het attribuut alt biedt alternatieve tekst voor toegankelijkheid.

p - vertegenwoordigt een tekstparagraaf. Browsers voegen meestal marges toe vóór en na het <p>-element.

Belangrijkste verschillen:

Tag	Doel	Semantiek	Standaardweergave
div	Groeperingscontainer	Geen	Blok
img	Afbeelding invoegen	Verwijst naar een afbeelding	Inline-blok
p	Vertegenwoordigt een tekstparagraaf	Verwijst naar een paragraaf	Blok

Voorbeeld:

<div>
  <h1>Titel</h1>
  <p>Dit is een tekstparagraaf.</p>
  <img src="image.jpg" alt="Beschrijving van de afbeelding">
</div>