Web sitelerinin arka planında çalışan en önemli yapı taşlarından biri HTML’dir. Günümüzde internet kullanıcıları bir sayfayı ziyaret ettiğinde sadece görsel tasarımı fark eder. Ancak o tasarımın görünmesini sağlayan en temel şey HTML kodlarıdır.
Bu yazıda HTML’in ne olduğunu, neden önemli olduğunu, nasıl kullanıldığını ve basit örneklerini inceleyeceğiz.
📌 HTML Nedir?
HTML, İngilizce “HyperText Markup Language” ifadesinin kısaltmasıdır. Türkçeye “Hiper Metin İşaretleme Dili” olarak çevrilebilir.
HTML bir programlama dili değildir. Daha çok bir işaretleme dilidir. Yani bilgisayara değil, tarayıcılara “şunu başlık yap, bunu paragraf yap, buraya resim ekle” gibi talimatlar verir.
Kısaca:
- HTML → Web sayfasının iskeleti
- CSS → Görünüm ve tasarım
- JavaScript → Dinamiklik ve etkileşim
HTML Neden Önemlidir?
Bir web sitesinin temelini oluşturan HTML, hem kullanıcı deneyimi hem de arama motorları açısından kritik bir rol oynar.
- Olmazsa olmazdır → HTML olmadan bir web sitesi gösterilemez.
- SEO için gereklidir → Google, siteleri tararken HTML etiketlerini okur. Başlık, açıklama, linkler hep HTML ile yazılır.
- Standarttır → Dünya genelinde kullanılan ortak dil sayesinde tüm tarayıcılarda uyumlu çalışır.
- Esnektir → İhtiyaca göre CSS ve JavaScript ile geliştirilebilir.
HTML ile Neler Yapılabilir?
HTML’in sağladığı bazı imkanlar:
- Başlıklar ve paragraflar eklemek
- Resim, video ve ses dosyaları kullanmak
- Linkler ile sayfaları birbirine bağlamak
- Listeler ve tablolar oluşturmak
- Kullanıcıdan bilgi toplamak için formlar hazırlamak
- Sayfanın yapısını semantik olarak düzenlemek (header, footer, section vb.)
HTML’in Temel Yapısı
Basit bir HTML sayfası şu şekilde oluşturulur:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="description" content="HTML nedir ve web tasarımda neden önemlidir? HTML etiketleri, kullanım alanları ve örneklerle web sitelerinin temel yapısını keşfedin.">
<title>İlk Web Sayfam</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu benim ilk web sayfam.</p>
</body>
</html>Burada:
<!DOCTYPE html>→ Tarayıcıya HTML5 kullandığımızı belirtir.<head>→ Sayfa başlığı, meta bilgileri gibi görünmeyen kısımları barındırır.<body>→ Kullanıcının gördüğü içerik burada yer alır.
HTML5 ile Gelen Yenilikler
Günümüzde en çok kullanılan sürüm HTML5’tir. Önceki sürümlere göre birçok yenilik getirmiştir:
- Video ve ses desteği (
<video>,<audio>) - Canvas ile çizim yapma imkanı
- Semantik etiketler (
<header>,<footer>,<section>) - Formlarda gelişmiş özellikler (email, date, number türleri)
- Mobil uyum için geliştirmeler
HTML ve SEO İlişkisi
Bir sitenin arama motorlarındaki sıralamasını etkileyen en önemli unsurlardan biri HTML etiketleridir. Örneğin:
- Başlık etiketleri (
<h1>,<h2>) → Konu başlıklarını Google’a anlatır. - Meta açıklama (
<meta description>) → Arama sonuçlarında görünen kısa açıklamadır. - Alt etiketleri (
alt) → Resimlerin SEO açısından önemlidir.
Doğru kullanılan HTML etiketleri, sitenin daha üst sıralara çıkmasına yardımcı olur.
Sonuç
HTML, web dünyasının temel taşıdır. Basit bir dille anlatmak gerekirse; bir bina yaparken tuğlalar ve kolonlar nasıl temel oluşturuyorsa, web tasarımda da HTML aynı görevi üstlenir.
Eğer web geliştirme alanına ilgi duyuyorsanız, ilk adımınız mutlaka HTML öğrenmek olmalıdır. Sonrasında CSS ve JavaScript bilgisiyle daha profesyonel ve modern web siteleri geliştirebilirsiniz.
