Qual è la differenza tra i tag <div>, <img> e <p>?

div - contenitore universale per raggruppare gli elementi, non ha un significato semantico. È spesso usato per creare layout.

img - viene usato per incorporare immagini nel documento. L'attributo obbligatorio src indica il percorso del file immagine. L'attributo alt fornisce un testo alternativo per l'accessibilità.

p - rappresenta un paragrafo di testo. I browser di solito aggiungono margini prima e dopo l'elemento <p>.

Principali differenze:

Tag	Scopo	Semantica	Visualizzazione predefinita
div	Contenitore per raggruppare	Nessuno	Blocca
img	Inserimento immagine	Indica un'immagine	Inline-blocco
p	Rappresenta un paragrafo di testo	Indica un paragrafo	Blocca

Esempio:

<div>
  <h1>Titolo</h1>
  <p>Questo è un paragrafo di testo.</p>
  <img src="image.jpg" alt="Descrizione dell'immagine">
</div>