Care este diferența dintre etichetele <div>, <img> și <p>?

div - un container universal pentru gruparea elementelor, nu are o valoare semantică. Este adesea folosit pentru crearea de layout-uri.

img - este folosit pentru inserarea imaginilor în document. Atributul obligatoriu src indică calea către fișierul imaginii. Atributul alt oferă un text alternativ pentru accesibilitate.

p - reprezintă un paragraf de text. Navigatoarele adaugă de obicei spații înainte și după elementul <p>.

Diferențele principale:

Etichetă	Scop	Semantica	Afișare implicită
div	Container pentru grupare	Niciuna	Bloc
img	Inserare imagine	Indică o imagine	Inline-bloc
p	Reprezintă un paragraf de text	Indică un paragraf	Bloc

Exemplu:

<div>
  <h1>Titlu</h1>
  <p>Acesta este un paragraf de text.</p>
  <img src="image.jpg" alt="Descrierea imaginii">
</div>