İnternette gezinirken gördüğünüz her sayfanın arkasında aslında sade bir dil yatar: HTML. Çoğu kişi onu fark etmez ama web’in temel yapı taşı tam olarak budur. Tarayıcılar, bu dili okuyarak metinleri, görselleri ve videoları ekrana taşır. Yani HTML, bir web sitesinin iskeleti gibidir; ne kadar görünmez olursa olsun, her şey onun üzerine inşa edilir.
Peki bu dil neden bu kadar önemli? Çünkü HTML olmadan bir sayfanın düzeninden bahsetmek imkânsızdır. Yazılar başlık olmaz, resimler yerini bulamaz, bağlantılar çalışmaz. Kısacası internette gördüğünüz her şey, bu basit ama güçlü işaretleme dilinin bir ürünüdür. Şimdi gelin, bu dilin ne olduğuna ve neden öğrenilmesi gerektiğine daha yakından bakalım.
Temel Kavramlar ve Tanımlar
HTML, İngilizce “HyperText Markup Language” ifadesinin kısaltmasıdır ve Türkçeye “Hiper Metin İşaretleme Dili” olarak çevrilir. Bir programlama dili değildir; sayfadaki içeriği yapılandıran bir işaretleme dilidir. Etiketler sayesinde metinlerin başlık mı, paragraf mı yoksa bağlantı mı olduğu belirlenir.
Bu dil, tarayıcıya “başlık burada, resim şurada, menü en üstte” gibi talimatlar verir. Her etiket, açılış ve kapanış olmak üzere iki bölümden oluşur. Örneğin `
` etiketi bir paragrafı başlatırken, `
` etiketi onu sonlandırır. Bu kadar yalın bir mantıkla çalışması, HTML’i öğrenmesi en kolay dillerden biri yapar.
HTML’in önemi yalnızca görünümle sınırlı değildir. Arama motorları, sayfaları tararken HTML yapısını analiz eder. Doğru başlık etiketleri ve anlamlı içerik düzeni, SEO açısından büyük avantaj sağlar. Bu yüzden HTML bilmek, yalnızca geliştiriciler için değil; içerik üreticileri ve işletme sahipleri için de değerlidir.
HTML’in tarihi, 1991 yılında Tim Berners-Lee’nin ilk web sayfasını oluşturmasıyla başlar. O günden bugüne HTML5 sürümüyle birlikte video, ses ve çizim gibi zengin medya öğeleri de bu dilin kapsamına girmiştir. Günümüzde web’in vazgeçilmezi olan HTML, sürekli güncellenen yapısıyla gelecekte de önemini koruyacak gibi görünüyor.
HTML Etiketleri ve Yapısal Öğeler
HTML’in kalbinde etiketler yer alır ve her etiketin belirli bir görevi vardır. Başlık etiketleri `
` ile `
` arasında değişir. `
` en önemli başlığı temsil ederken, diğerleri alt başlıkları sıralar. Bu hiyerarşi hem okuyucuların sayfayı kolayca taramasını sağlar hem de arama motorlarının içeriği anlamasına yardımcı olur.
` en önemli başlığı temsil ederken, diğerleri alt başlıkları sıralar. Bu hiyerarşi hem okuyucuların sayfayı kolayca taramasını sağlar hem de arama motorlarının içeriği anlamasına yardımcı olur.
Paragraf etiketi `
` ise metin bloklarını düzenler. Listeler için `