Jaka jest różnica między tagami <div>, <img> i <p>?

div - uniwersalny kontener do grupowania elementów, nie ma wartości semantycznej. Często używany do tworzenia układów.

img - służy do osadzania obrazów w dokumencie. Obowiązkowy atrybut src wskazuje ścieżkę do pliku obrazu. Atrybut alt zapewnia tekst alternatywny dla dostępności.

p - reprezentuje akapit tekstu. Przeglądarki zazwyczaj dodają marginesy przed i po elemencie <p>.

Główne różnice:

Tag	Przeznaczenie	Semantyka	Domyślny wygląd
div	Kontener do grupowania	Brak	Blok
img	Osadzanie obrazu	Wskazuje na obraz	Wierszowo-blok
p	Reprezentuje akapit tekstu	Wskazuje na akapit	Blok

Przykład:

<div>
  <h1>Tytuł</h1>
  <p>To jest akapit tekstu.</p>
  <img src="image.jpg" alt="Opis obrazu">
</div>