HTML Div ve Span Etiketi

HTML Div ve Span Etiketi

<div> Elemanı

Bu eleman, genellikle diğer HTML elemanları için bir bölüm tanımlar.

<div> elemanı herhangi bir nitelik ile kullanılmak zorunda değildir fakat, genellikle style, class ve id ile birlikte kullanılır. 

<div style="background-color:black;color:white;padding:20px;">
  <h2>Ankara</h2>
  <p>Türkiye'nin başkenti Ankaradır.</p>
</div>

Örnek Çıktısı:

Örneği detaylı görüntülemek ve düzenlemek için, buraya tıklayabilirsiniz. 

<span> Elemanı

Bu eleman, bir metin ya da bir belgenin bir bölümünü işaretlemek için kullanılan satır içi kapsayıcıdır.

<span> elemanı herhangi bir nitelik ile kullanılmak zorunda değildir fakat, genellikle style, class ve id ile birlikte kullanılır. 

<p>Annemin göz rengi <span style="color:green;font-weight:bold">yeşildir.</span> Benim göz rengim <span style="color:blue;font-weight:bold">mavidir.</span></p>

Örnek Çıktısı:

Annemin göz rengi yeşildir. Benim göz rengim mavidir.

Örneği detaylı görüntülemek ve düzenlemek için, buraya tıklayabilirsiniz.