İnternette ziyaret ettiğiniz her web sitesinin, okuduğunuz her blog yazısının ve tıkladığınız her düğmenin arkasında ortak bir dil yatar: HTML (HyperText Markup Language). Web geliştirme dünyasına adım atmak isteyen herkesin öğrenmesi gereken ilk ve en temel teknolojidir.
Bu kapsamlı rehberde, “HTML nedir?”, “Nasıl çalışır?”, “Web sitelerinin iskeleti nasıl oluşturulur?” ve “SEO uyumlu (Semantik) HTML neden önemlidir?” gibi soruları adım adım ve kod örnekleriyle inceleyeceğiz.
HTML Nedir? Web’in İskelet Sistemi
HTML (Hiper Metin İşaretleme Dili), sanılanın aksine bir programlama dili değildir; bir işaretleme (markup) dilidir. Web tarayıcılarına (Chrome, Safari, Firefox vb.) sayfadaki içeriklerin (metinler, görseller, bağlantılar) ekranda nasıl yapılandırılacağını ve gösterileceğini söyler.
Biliyor muydunuz? HTML, 1989 yılında İsviçre’deki CERN laboratuvarlarında çalışan İngiliz bilgisayar bilimcisi Tim Berners-Lee tarafından icat edilmiştir. Amacı, dünyanın dört bir yanındaki bilim insanlarının bilgi ve belgeleri internet üzerinden kolayca paylaşmasını sağlamaktı.
Neden HTML Öğrenmelisiniz?
Dijital dünyada var olmak veya web teknolojileri üzerine bir kariyer inşa etmek istiyorsanız, her yol HTML’den geçer:
- Öğrenmesi Çok Kolaydır: Hiçbir matematiksel veya algoritmik mantık gerektirmez. İngilizce kelimelerden oluşan etiketleri (tag) ezberlemek yeterlidir.
- Tüm Web’in Temelidir: Arkada ister Python, ister C#, ister PHP çalışsın; kullanıcının ekranına gelen nihai çıktı her zaman HTML’dir.
- Hiçbir Kurulum Gerektirmez: HTML kodu yazmak için bilgisayarınıza özel bir program kurmanıza gerek yoktur. Basit bir Metin Belgesi (Not Defteri) bile kod yazmak için yeterlidir.
- Kariyerin İlk Adımıdır: Front-End (Ön Yüz) geliştiricisi olmak isteyenlerin CSS ve JavaScript’ten önce HTML temelini sağlam atması zorunludur.
Web Geliştirmenin Kutsal Üçlüsü: HTML vs CSS vs JavaScript
Bir web sitesini inşa etmeyi bir ev inşa etmeye benzetirsek, HTML, CSS ve JavaScript’in rollerini aşağıdaki tabloda çok daha net görebiliriz:
| Teknoloji | Görev ve İşlev | İnşaat Metaforu |
|---|---|---|
| HTML | Sayfanın iskeletini ve yapısını oluşturur. (Metinler, resimler, linkler) |
|