• Html

    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 diğer sebebi ise hata kontrolleridir. HTML içerisinde kuvvetli hata kontrolleri mevcuttur. Bununla birlikte önceki sürümler kod hatalarıyla karşılaşıldığında ya sayfanın yorumlanmasını durur ya da kullanıcıyı hiç ilgilendirmeden sayfaya direk yazdırırlardı. HTML 5 ise hatalar için ayrıntı algoritmalara sahiptir. Bu sayede geliştirici hataları çok hızlı bir şekilde çözümler. Sebeplerden biri de HTML5 ile birlikte gelen yeni anlamsal parametreler ve elemanlardır. Örneğin;…

  • Html

    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ü, kontrol kutucukları, seçim gibi. Metin alanları ve Gönderme Kodlarını ele alalım. Şekildeki gibi kullanıcı giriş ekranı hemen hemen her yerde karşımıza çıkmıştır. Bunun için kullanıcıdan bilgi almak amacıyla kontrolümüz input olmalıdır. Daha sonra type özelliği ile kontrolümüze çeşitli özellikler ekleyebiliriz. Eğer kullanıcı şifresini girecekse tabi ki bunun özelliği hiç kimse tarafından yazılırken görünmemesidir. Bu yüzden type kısmı input alanlarında kullanıldığı…

  • Html

    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 sol köşesinden başlayacaktır. Daha önceki boşluk olmayacaktır. Buradaki ul kısmına bakacak olursak unordered list anlamına gelen sıralanmamış liste anlamına gelir. Numaralandırma Şeklinde Listeleme Bazen maddeleme işlemi yapılırken numaraya ihtiyaç duyulur. Bu yüzden etiketleri arasına şeklinde yazılarak yapılır. Buradaki ol ifadesi ordered list yani sıralı ifade anlamına gelmektedir. Kategori Şekilde Listeleme Bazen tablolarınızda maddeleme işlemi yaparken açıklama gereğinde bulunmak istersiniz. Bu…

  • Html

    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 başlıkları belirler. etiketi manşeti, hücre gruplarını, sütun genişliğini, tablo başlığını, tablo body özelliğini, etiketi ise tablonun en alt kısmını belirlemek için kullanılır. Örnekler;

  • Html

    HTML Ders4- Metin Biçimlendirme

    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ü metin şeklinde yazar, arasındaki ifadeyi alt indis metin şeklinde yazar, arasındaki ifadeyi üst indis metin şeklinde yazar, arasındaki ifadeyi altı çizili metin şeklinde yazar, arasındaki ifadeyi üstü çizili metin şeklinde yazar. Özel karakterler Eğer sitenizde özel karakter kullanmak isterseniz onların html dosyasında kodlarını yazmanız gerekiyor. Aşağıda kullanacağınız bazı özel karakterlerin kodlarını paylaştım ve örneği de incelemenizi tavsiye ederim.

  • Html

    HTML Ders3- Parametre Kullanımı

    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. Mesela başlığınızı sayfanın tam ortasına gelecek vaziyette ayarlamamız için align özelliğini kullanmalıyız. Diğer parametre örneğine geçecek olursak sayfamızın arka plan rengini değiştirelim. Eğer sayfanızın arka planını komple bir renge boyamak istiyorsanız etiketlerinde bu değişikliği yapmanız yeterli olacaktır.