lostyazilim
tr.link

Div Nedir? Div Kullanımı ve Div Style

Div Nedir? Div Kullanımı ve Div Style

Div, HTML dilinde web sayfasını bölümlere ayırmak ve bu bölümlere CSS ile stil değerleri vermemizi sağlayan bir HTML etiketidir. Modern tasarımlarda web sayfalarının en ayrılmaz etiketlerinden olan ve HTML5 ile de kullanılmaya devam edilen Div etiketi yardımıyla sayfanın tümünde değişiklik yapmak yerine sayfayı bölümlere ayırabilir ve bu bölümlere özel stil değerleri tanımlayabiliriz. Bu sayede tam olarak istediğimiz gibi hizalı ve stil ögelerini içerisinde barındıran HTML sayfaları tasarlayabiliriz. Div etiketi günümüzde kullandığımız tüm internet tarayıcıları tarafından desteklenmektedir.

Div Kullanımı

Div etiketini yalnızca kendi başına kullanmamız HTML sayfalarında bize herhangi bir avantaj sunmaz. Örneğin bir HTML sayfa oluştururken yalnızca "<.div>içerik" şeklinde kullanılması modern bir sayfa oluştururken işimize yaramayacaktır. Bunun yerine Div'e ekleyeceğimiz diğer HTML etiketleriyle, Div'i şekillendirebilir ve tam olarak istediğimiz şekillendirmeleri sağlayabiliriz.

Yukarıdaki örnekte içeriği div etiketiyle ayırdık ancak div etiketine herhangi CSS stil ögesi eklemediğimiz ve div'e ekstradan HTML etiketleri eklemediğimiz için div çok daha kullanışsız bir hal aldı. Bunun yerine farklı bir örnek daha verelim ve Div'e ekstradan bir HTML değeri daha tanımlayalım;


Bu bir div etiketidir
   

       Bu ise div etiketinin içindeki bir div etiketidir.
   

Yukarıdaki gibi kullanımda ise Div'e daha çok şekil verebilir ve pratik olarak web sayfaları istediğimiz biçime getirebiliriz. Div'in en yaygın kullanım alanlarından biri de div style'dır. Div style için bir sonraki başlığa bakın.

HTML Nedir? HTML Kodları ve HTML Dersleri
İlginizi Çekebilir!

HTML Nedir? HTML Kodları ve HTML Dersleri

HTML (Hyper Text Markup Language), web üzerinde yayın yapabilecek sayfalar oluşturmak üzere kullanılabilen, Türkçe’ye ise zengin metin biçimlendirme dili olarak çevirilebilecek bir betik dilidir. HTML ile hazırlanan dosyalar *.html veya *...

Div Style

Div Style, oluşturulan Div'e bir still öğesi tanımlayabildiğimiz div şeklidir. Örneğin bir web siteninin içerisindeki içeriğin belli bir kısmını mavi yapmak istiyoruz. Fakat bu içerik içerisinde farklı HTML kodları da kullanılıyor. Bu durumda Div Style'ı kullanarak kolayca ayırdığımız parçanın tümünde etkili olacak HTML kuralları koyabiliriz;


 

Bu Bir Başlıktır


 

Bu bir paragraftır.


Div'e bu sefer bir stil özelliği olarak renk atadık ve böylece Div içerisinde yer alan HTML kurallarıyla birlikte tümünde etkili olacak bir kural daha atamış olduk. Div style'ı yalnızca renk kodlarıyla değil, diğer genel HTML kurallarıyla birlikte de kullanabilirsiniz.

Bu içerik size yardımcı oldu mu? WM Aracı içeriklerini kullanıcı odaklı iyileştirebilmemiz için geri bildirimde bulunabilirsiniz.
Aklına bir soru mu takıldı?

O Zaman Uzmana Sor!

Sorunuz yanıtlandığında size bir bilgilendirme maili ileteceğiz.

Uzmana Sorulanlar

  • 1 Plaintext
    ömer aria yapay zeka bana bir html yazıyor. bunu nasıl görsel olarak görebilirim? teşekkürler... Plaintext
  • 2 Zenmate
    Adnan Özkayak zenmate kullanılırken bilgisayar veya cep telefonu devlet tarafından tesbit edilebilir mi?.Edilebili... Zenmate
  • 3 Warez
    SADULKUR Warez'in insanlara ne gibi faydaları var... Warez
  • 4 IT
    Nasip Meraba.Teknolijiyi ve getirilerini severim bilgisayar oynamayi severim ama nasil yapildigi gelistiri... IT
  • 5 DRM
    ihsan drm li kitabı nasıl kindle den okuyabilirim... DRM
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al