Kategori: Html


2 yorum
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 […]

Ders14- HTML5 nav 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 […]

Ders13- HTML 5 hgroup etiketi


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 […]

Ders12- HTML 5 header ve footer 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 […]

Ders11- HTML5 aside 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 […]

Ders10- HTML 5 Article Etiketi 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 […]

Ders9- HTML 5 Section Kullanımı



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 […]

Ders8- Neden html 5 öğrenelim


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ü, […]

HTML Ders7- Form Nesneleri ve Kullanımı


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 […]

HTML Ders6- Listeleme ve Ö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 […]

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


Html dosyanızda metinlerde değişiklik yapabilir onu istediğiniz şekle dönüştürebilirsiniz. Şimdi sizlere metinlerde değişiklik yapmak için kullanılan özelliklerden bahsedeceğim. arasındaki ifadeyi kalın yapmaya yarar. arasındaki ifadeyi büyük metin şeklinde yazar, arasındaki ifadeyi vurgulanmış metin şeklinde yazar, arasındaki ifadeyi italik metin şeklinde yazar, arasındaki ifadeyi küçük metin şeklinde yazar, arasındaki ifadeyi güçlü […]

HTML Ders4- Metin Biçimlendirme


2 yorum
Html etiketleri parametrelere sahip olabilirler ve html öğelerine ek özellik katabilirler. Parametreler name=”value”şeklinde belirtilir. Aynı zamanda parametreler daima başlangıç etiketleri içinde belirtilir ve değerler tırnak işaretleriarasında yazılır. Ama yazılan değerde tırnak işareti konulması gerekiyorsa tüm ifade tek tırnak içinde yazılır. Tırnak içine alınacak ifade ise tırnak içine normal şekilde alınır. […]

HTML Ders3- Parametre Kullanımı



Html de sayfamızı bir önceki yazımızda nasıl açacağımızı dile getirmiştik. Bugünkü konumuz html sayfalarımıza link, resim ekleme kısmını anlatacağım. Link ekleme Bildiğiniz gibi web sitelerinde linkler yardımıyla sizi başka bir yere yönlendirme işlemi yapılır. Bunun Asp.Net bilenler için kolay olacağını düşünüyorum. Eğer html sayfalarınızda link vermek istiyorsanız etiketleri arasında yazmalısınız. […]

HTML Ders2- link ve resim ekleme


Hypertext Markup Language kelimelerinin baş harflerinden oluşan bir dosya uzantısıdır. Aslında tam olarak Türkçe karşılığı olmasa da Zengin Metin İşaret Dili de denebilir. HTML Formatı internetin ilk çıktığı dönemlerde geliştirilen bir dosya formatıdır. Html dosyasını basit bir not defterinde bir oluşturabilirsiniz. Fakat bu dosyanın yorumlanması için bir tarayıcıya ihtiyacınız olacaktır. […]

HTML Ders1- HTML nedir?