HTML'de div ve span arasındaki fark nedir?

Vito

Merhaba. HTML öğrenmeye yeni başladım ve aklıma takılan temel bir soru var. <div> ve <span> etiketlerinin ikisi de bir şeyleri gruplamak için kullanılıyor gibi duruyor ama aralarındaki farkı tam olarak kavrayamadım.

Alpha

Merhaba hocam.

<div>: Blok seviyesi (block-level) elementtir. Yani kullanıldığı yerde bir satır başı yapar ve tüm satırı kaplar. Genellikle sayfanın büyük bölümlerini oluşturmak için kullanılır.
<span>: Satır içi (inline-level) elementtir. Satır başı yapmaz, sadece bulunduğu metin kadar yer kaplar. Örneğin, bir paragrafın içindeki tek bir kelimeyi renklendirmek için span kullanabilirsiniz.

MRX

Merhaba hocam. Eğer bir paragrafın içindeki birkaç kelimeyi seçip onlara özel bir stil verecekseniz span kullanabilirsiniz. Birden fazla paragrafı, bir resmi ve bir başlığı bir araya getirip onlara ortak bir arkaplan rengi verecekseniz div kullanabilirsiniz.