<div>, <img> ve <p> etiketleri arasındaki fark nedir?

div - öğeleri gruplamak için kullanılan evrensel bir kapsayıcıdır, semantik bir anlamı yoktur. Genellikle düzenler oluşturmak için kullanılır.

img - belgeye resim eklemek için kullanılır. Zorunlu src özniteliği, resim dosyasının yolunu gösterir. alt özniteliği, erişilebilirlik için alternatif metin sağlar.

p - bir metin paragrafını temsil eder. Tarayıcılar genellikle <p> öğesinden önce ve sonra boşluklar ekler.

Ana farklar:

Etiket	Amaç	Semantik	Varsayılan görüntüleme
div	Gruplama kapsayıcısı	Yok	Blok
img	Resim gömme	Bir resmi gösterir	Satır içi-blok
p	Metin paragrafı	Bir paragrafı gösterir	Blok

Örnek:

<div>
  <h1>Başlık</h1>
  <p>Bu bir metin paragrafıdır.</p>
  <img src="image.jpg" alt="Resim açıklaması">
</div>