Mi a különbség a <div>, <img> és <p> tagek között?

div - egy univerzális konténer az elemek csoportosítására, nem rendelkezik szemantikus értékkel. Gyakran használják elrendezések készítésére.

img - képek beágyazására szolgál a dokumentumba. A kötelező src attribútum megadja a kép fájl elérési útját. Az alt attribútum alternatív szöveget biztosít az akadálymentességhez.

p - egy szöveges bekezdést képvisel. A böngészők általában margót adnak az <p> elem előtt és után.

Fő különbségek:

Címke	Cél	Szemantika	Alapértelmezett megjelenés
div	Csoportosító konténer	Nincs	Blokk
img	Kép beszúrása	Egy képre utal	Soron belüli-blokk
p	Szöveges bekezdés	Egy bekezdést jelöl	Blokk

Példa:

<div>
  <h1>Cím</h1>
  <p>Ez egy szöveges bekezdés.</p>
  <img src="image.jpg" alt="Kép leírása">
</div>