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
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.