Bu derste HTML‘in ne olduğunu, web sayfalarının nasıl çalıştığını ve sıfırdan bir sayfa oluşturmak için neye ihtiyacımız olduğunu anlatıyoruz. Programlamaya yeni başlayan biri için en doğru başlangıç noktası.
2026 notu: Bu yazı 2014’te yazıldı. HTML’in temel mantığı 12 yılda değişmedi — burada anlatılan etiketler ve sayfa yapısı 2026’da da aynen geçerli. HTML5’in standart hâline gelmesi en büyük güncelleme.
HTML Nedir?
HyperText Markup Language (Hipermetin İşaretleme Dili). Web sayfalarının iskeletini oluşturan dildir. Her sayfa HTML ile başlar — CSS görünümü, JavaScript ise davranışı katar.
Basit Bir Sayfa
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>İlk Sayfam</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu benim ilk web sayfam.</p>
</body>
</html>Bu kodu index.html olarak kaydedip tarayıcıda açın — kendi sayfanız hazır.
Temel Yapı
<!DOCTYPE html>: tarayıcıya “HTML5 kullanıyorum” der.<head>: sayfanın meta bilgileri (başlık, karakter seti, CSS bağlantıları).<body>: ziyaretçinin gördüğü tüm içerik.- Açılış & kapanış: çoğu etiket
<p>...</p>şeklinde çiftli.
2026 Öğrenme Kaynakları
- MDN Web Docs (Türkçe) — referans kalitesi en yüksek kaynak.
- The Odin Project — ücretsiz, proje tabanlı tam kapsamlı rota.
- freeCodeCamp — interaktif, sertifikalı.
