Was ist der Unterschied zwischen den Tags <div>, <img> und <p>?

div - ein universeller Container zum Gruppieren von Elementen, hat keine semantische Bedeutung. Wird häufig zum Erstellen von Layouts verwendet.

img - wird verwendet, um Bilder in das Dokument einzufügen. Das erforderliche Attribut src gibt den Pfad zur Bilddatei an. Das Attribut alt bietet einen alternativen Text für die Barrierefreiheit.

p - stellt einen Absatz Text dar. Browser fügen normalerweise Abstände vor und nach dem <p>-Element hinzu.

Hauptunterschiede:

Tag	Zweck	Semantik	Standardanzeige
div	Container zum Gruppieren	Nein	Block
img	Bildeinbettung	Zeigt auf ein Bild	Inline-Block
p	Repräsentiert einen Textabsatz	Zeigt auf einen Absatz	Block

Beispiel:

<div>
  <h1>Überschrift</h1>
  <p>Dies ist ein Textabsatz.</p>
  <img src="image.jpg" alt="Beschreibung des Bildes">
</div>