HTML Nedir?
HTML, açılımı
HyperText Markup Language olan ve web sayfalarının temel iskeletini oluşturan işaretleme dilidir. “Programlama dili” olarak anılsa da, aslında bir
işaretleme dilidir; yani sayfada hangi içeriğin nerede duracağını, başlıkların, paragrafların, bağlantıların, görsellerin ve formların nasıl yapılandırılacağını tanımlar. İnternette gördüğünüz hemen her sayfanın arka planında HTML vardır; tarayıcı (Chrome, Firefox, Edge
vb.) HTML kodunu okuyup yorumlar ve onu görsel bir sayfaya dönüştürür.
HTML Ne İşe Yarar?
HTML’nin amacı, içeriği düzenli ve anlamlı bir yapıya kavuşturmaktır. Örneğin bir metni “başlık”, “alt başlık” veya “paragraf” olarak ayırmak, bir link eklemek, bir resmi sayfaya yerleştirmek, tablo oluşturmak ya da kullanıcıdan bilgi almak için form alanları eklemek HTML ile yapılır. Web geliştirme dünyasında HTML genellikle iki teknolojiyle birlikte çalışır:
- CSS (Cascading Style Sheets): Sayfanın tasarımını belirler (renkler, fontlar, düzen, responsive yapı vb.).
- JavaScript: Sayfaya etkileşim kazandırır (menüler, butonlar, dinamik içerikler, formlar vb.).
Bu üçlü, modern web’in temel taşlarıdır. HTML “ne var?” sorusuna, CSS “nasıl görünüyor?” sorusuna, JavaScript ise “nasıl davranıyor?” sorusuna cevap verir.
HTML Etiketleri ve Yapısı
HTML,
etiketler (tag) üzerinden çalışır. Etiketler genelde açılış ve kapanış şeklinde kullanılır. Örneğin bir paragraf
<p> etiketiyle başlar ve
</p> ile biter. Bir web sayfasının temel iskeleti şu ana parçalardan oluşur:
- <!DOCTYPE html>: Belgenin HTML5 standardında olduğunu belirtir.
- <html>: Tüm sayfanın kapsayıcısıdır.
- <head>: Sayfa hakkında bilgiler içerir (başlık, meta etiketler, CSS bağlantıları vb.).
- <body>: Kullanıcının ekranda gördüğü içerik buradadır.
Bu yapı sayesinde tarayıcı, sayfanın hem içeriğini hem de nasıl sunulacağını doğru biçimde anlar.
Semantik HTML Nedir ve Neden Önemlidir?
HTML’de “semantik” kavramı, etiketlerin anlam taşıması demektir. Örneğin bir içeriği sadece görsel olarak büyütmek için rastgele bir etiket yerine, gerçekten başlık ise
<h1>…
<h6> etiketleriyle işaretlemek semantik yaklaşımdır. Benzer şekilde:
- <header>: Sayfa üst alanı
- <nav>: Menü ve gezinme bölümü
- <main>: Ana içerik
- <article>: Makale/içerik bloğu
- <footer>: Sayfa alt bilgisi
Semantik HTML;
SEO (arama motoru optimizasyonu),
erişilebilirlik (accessibility) ve sayfanın bakım kolaylığı açısından büyük avantaj sağlar. Arama motorları sayfanın hangi bölümünün ne olduğunu daha iyi kavrar; ekran okuyucu kullanan kullanıcılar için de içerik daha anlaşılır hale gelir.
HTML Öğrenmek Neden Faydalı?
HTML öğrenmek, web dünyasına girişin en sağlam adımıdır. İster forum teması düzenlemek isteyin, ister bir blog sayfası oluşturmak, isterse profesyonel web geliştirmeye yönelmek… HTML, her seviyede işinize yarar. vBulletin gibi altyapılarda şablonlar ve içerik alanlarında temel HTML bilgisi, düzenleme ve özelleştirme konusunda size ciddi esneklik kazandırır. Ayrıca HTML, öğrenmesi görece kolay ve hızlı geri bildirim veren bir dildir; yaptığınız değişiklikleri tarayıcıda anında görebilirsiniz.
Sonuç
Özetle HTML, web sayfalarının “iskeleti”dir. İçeriği anlamlı bir yapıya sokar, tarayıcıya sayfanın nasıl düzenleneceğini söyler ve CSS ile JavaScript gibi teknolojilerle birleşerek modern web deneyimini oluşturur. Web ile ilgili bir şeyler üretmek istiyorsanız, HTML’yi öğrenmek ve semantik kullanımını benimsemek uzun vadede size hem hız hem de kalite kazandıracaktır.