HTML Nedir?HTML'in (HyperText Markup Language) en basit tanımı; İnternet Tarayıcıları(Explorer, Firefox, Chrome, Opera vs) ile görüntüleyebileceğimiz Web sayfalarını oluşturmaya yarayan en temel kodlama yüntemidir.
HTML bize; çeşitli metinleri, görsel öğeleri ve hatta multimedya dosyalarını belirli yazım kuralları dahilinde istediğimiz şekillerde yerleşim olanakları sunarak bir araya getirebilmemize olanak sağlar. Web kavramı, CERN'de bir bilgisayar programcısı olan Tim Berners-Lee 'nin HTML adlı bilgisayar dilini bulup geliştirmesiyle oluşmuştur. HTML dilinin standartlarını W3C belirlemektedir.
Peki Nasıl Yapılıyor Bu İş?HTML'in nimetlerinden faydalanabilmek için yukarıda da belirttiğimiz gibi bazı yazım kuralları vardır; HTML'i yaratan ve geliştirenler tarafından önceden belirlenmiş ve kullanımıza sunulmuş TAG veya ETİKET olarak adlandırdığımız özel belirteçler bulunur. Biz bütün bu HTML sayfalarını bu ETİKET'ler yardımı ile oluştururuz. Yani bir HTML sayfası ETİKET lerin arasına yerleştirdiğimiz metin ve görsel öğelerden oluşur.
Tanımlanmış her etiketin birbirinden farklı görevleri ve bu görevlere çeşitli fonksiyonlar kazandırmamızı sağlayan özellikleri bulunur. Her bir etiket < ve > işaretleri arasına yazılır. istisnai durumlar hariç bütün etiketler <etiket> şeklinde açılır ve gerekli içeriği eklememizin ardından </etiket> şeklinde kapatılmalıdır. <etiket 1><etiket 2><etiket 3> Major Designer </etiket 3></etiket 2></etiket 1> Bu şekilde Major Designer kelimesini birbirinden farklı özelliklere sahip 3 HTML etiketi ile biçimlendirmiş ve görüntülenmesini istediğimiz hale getirmiş oluruz.
Özetleyecek olursak açılan her html etiketi içeriğin ardından kapatılmalı ve birden fazla etiketin kullanıldığı durumlarda "ilk açılan etiket en son kapanır" kuralına uygun olarak kaptma işlemini gerçekleştirmeliyiz.
Tamam da Nerede Yapıyoruz Biz Bunu?
Bir HTML dökümanını hazırlamak için en sade haliyle her bilgisayarda bulunan bir "Notepad" programı fazlasıyla işimizi görecektir. Gerekli yapıyı kurup kodlarımızı doğru bir şekilde yazdıktan sora dosyamızı farklı kaydet seçeneği ile uzantısı .html olacak şekilde kaydederek bir HTML sayfasına sahip olabiliriz. Notepad ve standart yazı editörleri dışında, Bu işler için özel olarak hazırlanmış kodlamayı ve hata ayıklamayı kolaylaştıran ve anlık önizleme imkanı sunan programlarda vardır.(Adobe Dreamweaver, Expression Web, FrontPage vb.) ki günümüzde HTML yazmak için tercih edilen genel yöntem budur fakat yinede HTML etiketlerini ve davranış biçimlerini iyi tanıyor ve yazım kurallarına oldukça hakim olmak gerekiyor çünkü bazen bu programlar ile çalışırken istemediğimiz fazla kodlar yada özellikleri farketmeden sayfalarımıza ekleyebilir ve karmaşık, gereksiz kod şişkinliğine hatta asıl kodlarımızın doğru çalışmamasına sebebiyet verebiliriz. Buna engel olmak, doğru ve temiz sayfalar oluşturabilmek için adım adım ilerlemeli ve kod satırlarıyla mümkün olduğunca barışık olmalıyız.
HTML Sayfa YapısıBir HTML sayfası <html> etiketi ile başlar ve </html> etiketi ile son bulur. Yani bir sayfanın HTML sayfası olabilmesi için en başta html etiketi açılmalı ve tüm düzenlemelerin ardından yine en sonda html etiketi kapatılmalıdır. html etiketleri arasında bulunan herşey bir HTML sayfasını oluşturur. HTML sayfaları iki ana bölümden oluşur. İlki <head></head> bölümüdür bu bölüm tarayıcılarımızda görüntülenmeyen bölümdür. Bu bölümde daha çok sayfamız hakkında temel başlık ve bilgiler ile birlikte sayfamızı zenginleştirebilmek için kullandığımız çeşitli kaynak bağlantılar yer alır. ikinci bölüm ise; <body></body> bölümüdür. BODY bölümü görüntülenebilen ve asıl içeriğimizin bulunacağı ana bölümdür.
HTML Gelişimi ve VersiyonlarıHTML 1.0: Bu versiyon, daha sonra geliştirilen versiyonlarla karşılaştırılınca, çok kısıtlı yeteneklere sahip olduğu anlaşılır. Bu nedenle HTML 1.0 ile yaratılan dökümanlar da oldukça basittir. HTML 1.0 dökümanlarının temel özellikleri şöyle özetlenebilir: Çok seviyeli başlıklar, paragraflar, hipermetin referansları, maddelenmiş listeler için özel formatlama. HTML 2.0: Bu versiyon, 1994 yılından önce Web dökümanlarında kullanılan eklentiler ve özellikler temel alınarak hazırlanmıştır. Bu versiyonun beraberinde getirdiği temel yenilikler ise, satır içi görüntüler ve doldurulabilen formlardır. HTML 3.0: Bu versiyonun sağladığı yeni özellikler şu temel başlıklar altında incelenebilir: Sayfa görünümü üzerinde ileri derecede kontrol, manşetler, görüntülerdeki popüler noktaların istemci tarafında işlenmesi, özelleştirilmiş listeler, istemci çekme/sunucu itme özellikli dinamik dökümanlar, matematik dökümanlar, stil yaprakları, form içi tablolar. HTML 4.0: Günümüzde kullanılan HTML standartıdır. Önceki sürümde bulunan gereksiz kodlar bu versiyonda kaldırılmıştır. HTML 5: Henüz çok yeni ve bir çok tarayıcı tarafından şu an tam performans desteklenemiyor olsada yapısal bazı yeni etiketleri ile blog ve CSS uygulamalarını destekleyip kolaylık sağlayan, multimedya öğeleri tek başına ekleyebilmesi ve yeni form elemanları ile en gelişmiş ve kısa zamanda standart olacak HTML sürümüdür.
Bu klavuzun içinde tüm html etiketlerinin görev ve özelliklerinin anlatımlarını ve detaylı örneklerini bulabilirsiniz. Belirli aralıklarla güncellenecek olan "Püf noktaları" bölümünde W3C standartlarına uyumluluk ve HTML ile ilgili değişik kullanım şekillerine ve püf noktalarına ulaşabilirsiniz. Klavuz ile ilgili her türlü görüş, öneri, eleştiri yada sorularınız için benimle info@majordesigner.com adresine mail atarak kontak kurabilir. Bana ait çalışmaları veya ilerleyen zamanda eklenecek bilgi içeriklerini www.majordesigner.com adresinden takip edebilirsiniz.
|