Temel Seviye
İleri Seviye
Sayfamızda bölümleme yapmak, kutular eklemek, tasarım yapmak gibi işler için "<div> " etiketini kullanacağız, Sayfamızın iskeletini yapmak için bu etiket idealdir. Ancak bölümlere stil vermek, kutuları renklendirmek için daha önce bahsettiğim gibi CSS dilini öğrenmeyi bekleyeceğiz. Örnek olması için XHTML kodunda "style" özniteliğini kullanacağız.
Not: Şimdilik "style" özniteliğini içinde yazan kodları dikkate almayınız.
Örnek olarak görelim...
Bu kodu tarayıcıda görmek için tıklayınız.
"<span> " etiketi "<div> " etiketinin daha esnek olanıdır. Sınırları yoktur. Mesela "<span> " etiketi içine bir yazı yazıldığında "<span> " etiketi yazının boyutu ile aynı boyutta büyüyecektir. "<span> " etiketi bir nevi " Acil Durum " etiketidir diyebiliriz, hemen hemen herşey için kullanılabilir. Mesela bir paragraf içinde ki bir kelimenin rengi yeşil olsun istiyorsak "<p> " etiketine komple stil vermeme gerek kalmadan sadece "<span> " etiketine stil vererek işimizi yapabiliyoruz.
Not: " <span> " etiketi "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" gibi etiketler içinde kullanılmaıldır. Aksi takdirde kodumuz hata verecektir.
Örnek olarak görelim...
Bu kodu tarayıcıda görmek için tıklayınız.