Web Dünyasına Giriş 101: HTML Nedir?

Bir web sitesine girdiğinizde gördüğünüz her şeyin arkasında aslında basit ama çok güçlü bir yapı yatar. Bugün, bu yapının temel taşı olan HTML'i inceliyoruz.

1. HTML Gerçekte Nedir?

HTML (HyperText Markup Language), Türkçesiyle Hiper Metin İşaretleme Dili'dir. Birçok kişinin sandığının aksine bir programlama dili değildir. O, tarayıcıya (Chrome, Safari vb.) "Bu bir başlıktır", "Bu bir resimdir" veya "Bu bir düğmedir" diyen bir tarif defteridir.

2. İskelet Benzetmesi

Bir web sitesini insan vücuduna benzeterek daha iyi anlayabiliriz:

HTML: Kemiklerdir (İskelet). Nerenin kol, nerenin bacak olduğunu belirler.
CSS: Deri, göz rengi ve kıyafetlerdir. Sitenin güzel görünmesini sağlar.
JavaScript: Kaslar ve beyindir. Hareket etmenizi ve tepki vermenizi sağlar.

3. Etiketler (Tags) Nasıl Çalışır?

HTML'de her şey <> işaretleri arasına yazılan etiketlerle çalışır. Çoğu etiketin bir açılışı, bir de kapanışı vardır:

<h1>Başlık</h1> → Tarayıcıya bunun büyük bir başlık olduğunu söyler.
<b>Kalın Yazı</b> → Yazıyı kalınlaştırır.

4. Standart Bir HTML Sayfasının Anatomisi

Her HTML dosyası şu temel yapıya sahip olmak zorundadır:

HTML

<!DOCTYPE html> <html>

<head>

<title>Sitemin Başlığı</title> </head>

<body>

<h1>Bloguma Hoş Geldiniz</h1>

<p>Bu benim ilk öğretici içeriğim!</p>

</html>

5. Nereden Başlamalı?

HTML öğrenmek için karmaşık programlara ihtiyacınız yok. Bilgisayarınızdaki Not Defteri bile yeterli! Ama işinizi kolaylaştırmak için VS Code gibi ücretsiz ve başlangıç dostu bir editör indirmenizi öneririm.

✨ Özetle

HTML olmadan bir web sitesi tasarlamak imkansızdır. Eğer web dünyasına girmek istiyorsan, ilk durağın her zaman bu iskeleti kurmayı öğrenmek olmalı!