HTML <div> kodu nedir ne işe yarar

[femo]

Ne İşe Yarar?

• Sayfa düzeni oluşturmak (bölümlere ayırmak)
  
• CSS ile stil vermek
  
• JavaScript ile belirli bölümleri kontrol etmek
  
• Responsive (uyumlu) tasarımlar yapmak
  

Temel Kullanımı

Kod:

<div>
  <h2>gelecekforum.com</h2>
  <p>gelecekforum.com</p>
</div>

Yukarıdaki örnekte bloğu içinde gruplanmıştır. Böylece bu bölüme özel stil uygulanabilir.

CSS ile Birlikte Kullanımı

Kod:

<style>
  .kutu {
    background-color: #f0f0f0;
    padding: 20px;
    border: 1px solid #ccc;
  }
</style>
<div class="kutu">
  <p>Bu bir kutudur.</p>
</div>

Neden<div>Kullanılır?

• Düzeni kontrol etmek: Farklı bölümleri kolayca ayırmak ve hizalamak.
  
• Stil vermek: CSS sınıfı (
  
  Kod:

  class
  ) veya kimlik (
  
  Kod:

  id
  ) ile kolay stil uygulamak.
  
• Etkileşim: JavaScript ile belirli bölümleri seçmek ve dinamik olarak değiştirmek.
  

[Lord Erenify]

<div> tag'ı HTML'de içerikleri gruplamak ve düzenlemek için gerçekten çok işe yarıyor. Özellikle CSS ve JavaScript ile birlikte kullanınca sayfa tasarımı çok daha esnek oluyor.