Ders14- HTML5 nav etiketi

HTML5 etiketlerinden yeni gelen nav etiketine değinelim. nav etiketi gezinti(navigasyon) linklerinin bulunduğu bölümü tanımlar. Fakat sayfadaki bütün linkler aklınıza gelmesin. Önceden el ile div’ler oluşturarak sayfamızın bir kenarına menü şeklinde navigasyon yani gezinti bölmesini yapardık. HTML 5 ile şimdi bu gezinti bölmesini nav etiketi ile daha iyi şekilde yapabiliyoruz. Nav Devamı…

Ders13- HTML 5 hgroup etiketi

Yeni HTML 5 etiketlerinden biri olan ve h elementlerini gruplamak için kullanılan hgroup etiketine bakalım. Eğer içeriklerimiz birden fazla h elementi içeriyorsa bunları grup şeklinde tanımlayabiliriz. h1,h2,h3,h4,h5,h6 başlık etiketlerini gruplamak için kullanabileceğimiz yeni html5 etiketi olan hgroup etiketinin kullanımına örneklerle bakalım. Article etiketi altında bir başlık etiketini hgroup kullanmadan gösterme Devamı…

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 Devamı…

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 Devamı…

Ders10- HTML 5 Article Etiketi Kullanımı

HTML 5 içerisinde kullanılan yeni yapısal etiketlerden biri de article etiketidir. Yapı olarak önceki derste bahsettiğimiz section ve div’e benzerlik gösterir. Article etiketi bir sayfa, uygulama ya da belgede kendi içinde bir düzen oluşturabilen bir bileşeni temsil eder. Article bileşeni sayfa içinde yeniden kullanılabilen şeklinde tasarlanmıştır. Bir forumda açılan bir Devamı…

Ders9- HTML 5 Section Kullanımı

HTML 4 ile sayfa oluştururken genel olarak sayfa yapısında başlık, navigasyon, içerik, menü ve alt menü gibi div’ler kullanırız. Daha sonra bu div’lere CSS’ler yazarak yerleşimlerini ve içeriğini ayarlarız. HTML 5 de bu bölümleri gruplama yapmak daha da kolaylaşmıştır. Bunun için HTML 5 içerisinde kullanılan yapısal etiketler tercih edilir. Div Devamı…

Ders8- Neden html 5 öğrenelim

Sebeplerden biri de yeni bir dil öğrenmeyeceğimiz. Var olan html dilin üzerine yeni etiketler ve söz dizimi kuralları öğreneceğiz. Bu da yeni bir yazılım dili öğrenme korkusunu geride bırakacaktır. HTML 5 başlı başına yeni geliştirilen bir dil değildir. Bu nedenle içerisine yazdığımız etiketlerin bir çoğu html 3-4 ‘te desteklenmektedir. Bir Devamı…

HTML Ders7- Form Nesneleri ve Kullanımı

Formlar site ziyaretçilerin veya kullanıcıların bilgi alma amaçlı kullandıkları alanlar diyebiliriz. Bu alanlar ile başlar etiketi ile biter. Bu iki etiket arasında kişilerden metinler, şifreler, eposta adresini almak içi kullanırız diyebilirim. Böylece form elemanları ile kullanıcılardan bilgileri alırız. Form elemanları ihtiyaca göre değişkenlik gösterebilir. Bunlar: metin alanları, açılır kapanır menü, Devamı…

HTML Ders6- Listeleme ve Örnekleri

Bu dersimizde 3 tür listeleme işlemi yapacağız. Html dokümanınızda 3 tip listeleme çeşitlerini ele alacağız. Bunları sıralayacak olursak maddeleme, numaralandırma ve kategorilendirme. Maddeleme Şeklinde Listeleme Listeleme etiketleri arasında yapılır ve her birinin arasına gelecek şekilde maddeleme işlemi gerçekleşir. yazılmadan da listeleme işlemi yapabilirsiniz. Fakat bu sefer listeleme işleminiz sayfanızın en Devamı…

HTML Ders5- Tablo yapısı, kullanımı, örnekleri

Bu günkü konumuz html dokümanımıza tablo ekleme işlemi yapacağız. Tablo nasıl yapılır ve sütunları, hücreleri birleştirmeyi göreceğiz. Öncelikle html dokümanınız etiketi ile belirlenir ve bir tablo etiketi ile satırlara bölünür. Her bir satır etiketi ile sütunlara ayrılır. Yani tablomuzdaki hücrelerdir. Tabloda yer alan diğer etiket ise etiketleridir. Bu etiketler tablodaki Devamı…