Aký je rozdiel medzi tagmi <div>, <img> a <p>?

div - univerzálny kontajner na zoskupovanie prvkov, nemá žiadny sémantický význam. Často sa používa na vytváranie rozložení.

img - slúži na vloženie obrázkov do dokumentu. Povinný atribút src udáva cestu k súboru obrázka. Atribút alt poskytuje alternatívny text pre prístupnosť.

p - predstavuje odsek textu. Prehliadače zvyčajne pridávajú medzery pred a po prvku <p>.

Hlavné rozdiely:

Tag	Účel	Sémantika	Predvolený vzhľad
div	Kontajner na zoskupovanie	Žiadny	Blok
img	Vloženie obrázka	Ukazuje na obrázok	Inline-blok
p	Predstavuje odsek textu	Ukazuje na odsek	Blok

Príklad:

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