HTML Web

HTML5 Nedir

Günümüz web teknolojlerinde kullanımı yaygınlaşan ve pratik özelikleri sunması açısından kullanışlı olan HTML5’i temel ve orta seviyede sizlere anlatmaya çalışacağım.

Daha ileri düzeyde tasarımları gerçekleştirmek ve çeşitlendirmek programcılara ve diğer web araçlarını(CSS3, JavaScript vb.) kullanabilme kabiliyetine kalmıştır. HTML5 hakkında düzenlenen makalelerin listesi ve ilgili sayfalara bağlantısı(yayınlananların)  yazının sonunda maddeler halinde gösterilmiştir

İnşallah sizlere faydalı bir yazı dizisi olacaktır.
Hepinize kolaylıklar dilerim.


HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyaları .html ya da .htm uzantısı ile saklanır. HTML, W3C tarafından standartlaştırılmaktadır. Html, “etiket” ismi verilen çeşitli başlıklardan oluşur.

HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar (ASP, ASP.NET, PHP, JavaScript vb.) aracılığıyla çalışabilen programlar yazılabilir.

Yani HTML, basitçe web sitelerinin kodlarıdır. Her web sitesinin arka planında kodlar yatar. Kullanıcı siteye girdiğinde tarayıcı bu kodları işler ve anlayabileceği web sayfalarını oluşturur.

Dilin son sürümü HTML5’tir. HTML5 görselliğin ve pratik web ihtiyaçlarının giderilmesi açısından önemli bir aşama olarak görülmektedir.

HTML5 halâ geliştirilme aşamasında olsa da günümüz web tasarımcılarının ekseriyeti artık bu yeni sürümü tercih etmektedir.

1.1. HTML’ İN TARİHSEL GELİŞİMİ

1.1.html-tarihi

Yukarıdaki görselde html’in geçmişten günümüze gelişimi ve değişimi gösterilmiştir.

Tarayıcıların (Mozilla Firefox, Google Chrome, Opera, Maxthon vb.) son dönem güncellemeleriyle birlikte kısmi veya çoğunlukla HTML5’i desteklemektedir. Fakat İnternet Explorer 9 ve önceki sürümleri henüz HTML5 destekli bir yapıya sahip değildir.

1.2. HTML GENEL KOD YAPISI

1.2.html5-kod-yapisi
HTML5 ile klasik <div> vb. yöntemleri temel tasarım kalıbı ele alındığında bir dönüşüm geçirmiştir. Bu yapılar element adını almaktadır artık. Aşağıdaki tasarım şablonlarında bunun farkını açıkça gösterilmektedir.

1.3. HTML TASARIM ŞABLONU

1.3.html-şema
1.4. HTML5 TASARIM ŞABLONU

1.4.html5-şema

 

1.5. HTML5′ de DESTEKLENMEYEN HTML ETİKETLERİ

HTML5 ile gelen ve artık desteklenmeyen etiketler de mevcut. Her ne kadar kullanılmaya ve tarayıcılar tarafından çalıştırılmaya devam edilse de bazı HTML etiketleri artık HTML5 dünyasında yoklar. Desteklenmeyen bu etiketler aşağıdaki şekilde gösterilmiştir. Bunun yanında tasarımları kolaylaştıracak, renklendirecek, tasarımcılar için kullanışlı olan yeni elementler-etiketler de son sürümle birlikte kullanılmaktadır.
1.5.HTML5-Desteklenmeyenler
1.6. HTML5 ile GELEN YENİ ÖZELLİKLER (Elementler)
1.6.html5-yeni-elementler

Bunun yanında ilerleyen yazılarda da ayrıntılı anlatılacak olan elementlerden audio-video (ses ve video) oynatma ortamlarından kısaca bahsetmem gerekiyor. HTML5 geliştirilene kadar HTML ile ses ve video dosyalarının ortama aktarılması ve oynatılabilmesi için harici bir yazılıma veya eklentilere ihtiyaç duyulmaktaydı. HTML5 ile bu husus kendi oynatıcılarının geliştirilmesiyle daha da kolaylaştırılmıştır.
Genel olarak HTML5 için söyleyeceklerim şimdilik bu kadar. İlerleyen yazılarda HTML5’den ve özelliklerinden bahsetmeye çalışacağım.

Bir sonraki yazıda görüşmek üzere.

Selamet ile.

 


HTML 5 Müfredatı

  1. HTML5 Nedir ?
  2. HTM5 – Temel Etiketler ve Özel Karakterler
  3. Metin Biçimlendirme(Text Formatting)
  4. Bağlantı (Link) Yapısı
  5. Tablo (Table) Kullanımı
  6. Liste(Lists) Kullanımı
  7. Form Nesneleri ve Kullanımı ~ 1
  8. Form Nesneleri ve Kullanımı ~ 2
  9. Audio Kullanımı
  10. Video Kullanımı
Rize/Ardeşen doğumlu.
Karadeniz Teknik Üniversitesi, İstatistik ve Bilgisayar Bilimleri mezunu.

.NET teknolojileri alanında ihtisas yapma amacında.
İstatistik ve nevi ilimleri sevmekte, fırsat bulduğunda üzerine çalışmayı amaçlamakta.

Basın İlan Kurumunda yazılım geliştirme uzmanı olarak çalışmaktadır.