Jaký je rozdíl mezi tagy <div>, <img> a <p>?

div - univerzální kontejner pro seskupování prvků, nemá žádný sémantický význam. Často se používá k vytváření rozvržení.

img - slouží k vložení obrázků do dokumentu. Povinný atribut src udává cestu k souboru obrázku. Atribut alt poskytuje alternativní text pro přístupnost.

p - představuje odstavec textu. Prohlížeče obvykle přidávají mezery před a po prvku <p>.

Hlavní rozdíly:

Tag	Účel	Sémantika	Výchozí zobrazení
div	Kontajner pro seskupování	Žádný	Blok
img	Vložení obrázku	Ukazuje na obrázek	Inline-blok
p	Představuje odstavec textu	Ukazuje na odstavec	Blok

Příklad:

<div>
  <h1>Nadpis</h1>
  <p>Toto je odstavec textu.</p>
  <img src="image.jpg" alt="Popis obrázku">
</div>