HTML (HyperText Markup Language / Zengin Metin İşaretleme Dili), web sayfalarının iskeletini ve temel yapısını oluşturmak için kullanılan standart işaretleme dilidir.
Bir programlama dili değil, tarayıcılara (Chrome, Safari, Firefox) bir web sayfasındaki içeriğin nasıl yapılanacağını ve nerede duracağını söyleyen bir etiketleme (tag) sistemidir.
HTML Nasıl Çalışır?
HTML, küçüktür/büyüktür işaretleri arasına yazılan etiketlerden (tag) oluşur. Tarayıcılar bu etiketleri okur, arka planda işler ve ekranda anlamlı bir web sayfası olarak görselleştirir.
Temel Yapı Örneği:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>Ana Başlık</h1>
<p>Bu bir paragraf metnidir.</p>
<a href="https://webyis.com">Sitemizi Ziyaret Edin</a>
</body>
</html>
Sık Kullanılan HTML Etiketleri
<h1>–<h6>: Başlıkları belirler (<h1>en büyük ana başlık,<h6>en küçük alt başlıktır).<p>: Paragraf (Paragraph) oluşturur.<a>: Başka bir sayfaya veya siteye bağlantı (Link/Anchor) verir.<img>: Sayfaya görsel (Image) ekler.<div>: İçerikleri gruplamak ve düzenlemek için kullanılan kutu/bölüm (Division) etiketidir.<ul>/<li>: Maddeli liste (Unordered List) oluşturur.
Web Teknolojilerindeki Yeri (Ev Benzetmesi)
Bir web sitesini bir bina veya eve benzetirsek:
- HTML (İskelet/Tuğla): Evin taşıyıcı kolonları, duvarları ve odaların yeridir. Yapıyı kurar.
- CSS (Boya/Stil): Evin boyası, mobilyaları, dekorasyonu ve görselliğidir. HTML’in şık durmasını sağlar.
- JavaScript (Elektrik/Su/Akıllı Ev): Kapı zili, ışık anahtarları, hareketli mekanizmalardır. Sayfaya etkileşim ve dinamik işlevler katar.