Div Yapısı ve Kullanımı

DIV Yapısı ve Kullanımı
Bu yazıda staj projemde kullanmam gereken Div yapısından bahsetmek istedim. Html’de tasarımlarımızı sağa, sola hizalamak, nesneleri ve yazıları dilediğimiz koordinatlara yerleştirmek için kullanılan ve az kod ihtiva etmesi ve Google tarafından tavsiye edilmesi ve sevilmesi nedeniyle son zamanlarda gündeme gelen bir kodlama biçimidir. Css dediğimiz stil kodlamasıyla tam uyumlu olması nedeniyle de table yani hücre sistemlerinin yerini hızla almakta olan alternatif bir tag’ dir.Kullanımı eski tip table kullanımına göre daha fazla bilgi ve tecrübe gerektirmesi nedeniyle çoğu web tasarımcılara zor geldiğinden div kullanımı çok fazla yaygınlaşamamaktadır. İlk önce divlerin özelliklerinden bahsedeceğim.Daha sonra örnekler üzerinden devam ederiz. WIDTH (Genişlik) : Width özelliği DIV’imizin ve daha başka bir çok etiketin genişliğini belirleyen özelliktir. Genişliği biz px (pixel) ve % olarak kullanacağız.

#ust  {
background:#CCC;

height:100px;

width: 700px;

}

FLOAT : Float özelliği DIV’imizin yerleşimi konusunda yetkilidir.Yukarıda verdiğim Width örneğinde verdiğim gibi eğer Float kullanmazsak sola yaslı şekilde karşımıza çıkacaktır.Sağa yaslı ve ortalı olması durumlarını da görelim. SAĞA YASLI

s