• Html

    Ders12- HTML 5 header ve footer etiketi kullanımı

    header ve footer etiketleri de html5 ile gelen yeni yapısal etiketlerdendir. header sayfanın başlık kısmının tanımlandığı yani başlık kısmında olması gereken ögelerin gruplandığı bölümdür diyebiliriz. Sadece başlığı yazacaksak h1 ile h6 arasındaki etiketler kullanılabilir. Header içerisinde örneğin sayfanın banner’ı, başlığı, logosu gibi bilgilerde yer alır. Bir sayfada birden fazla header da kullanılabilir. Özellikle siteye ait içindekiler tablosu oluşturulurken header işimize yarayabilir. header ayrıca section, article ve aside etiketleri içinde kullanılabilir. section ile sayfayı bölümledikten sonra istersek bu bölümü başlık kısmıyla da ayırabiliriz. footer da header’a benzer bir yapıda geliştirilmiştir. Sayfanın ya da bölümlendirmenin en altında kullanılacak olan elemanları gruplamak için kullanılır. Şimdi temiz bir html5 projesini Dreamweaver’da açalım. Body kısmının…

  • Html

    Ders11- HTML5 aside etiketi kullanımı

    Bölümlendirme için yeni oluşturulan etiketlerden biri de aside etiketidir. Diğer bölümlendirme etiketi gibi kullanılan bu etiket genelde web sayfalarında menülerimizi yerleştirdiğimiz sidebar isimli div’e karşılık gelmektedir. Yan menü olarak isimlendirme de mümkündür. Aside etiketi içerisinde başlık, paragraf, tablo gibi etiketler kullanılabilir. Bununla birlikte site içinde yer alacak resimler, reklamlar, menüler bu bölüm içerisinde yayınlanabilir. Biz örneklerimizi önceki derslerimizin devamı şeklinde devam ediyoruz. Bir önceki dersimizde article konusunun üzerinden devam edelim. Bir önceki dersimize bakmak için tıklayınız En alttaki div’in üzerinde section etiketinin altına bir aside etiketi açalım ve buna da bir id verelim. Ben örneğimde solmenu seklinde bir id vereceğim. Menümüz için oluşturacağımız liste için sırasız bir liste oluşturalım. Şimdi…