HTML Nedir? Web Dünyasının İskeletine Hoş Geldin, Kodlamaya Hazır mısın?
Yine buradayım her zamanki gibi bu sefer farklı bir konu ile giriş yapıyoruz, şimdi sana dürüst olacağım: Eğer HTML'i "karmakarışık bir yazılım dili" sanıyorsan, büyük yanılıyorsun. HTML bir programlama dili bile değil! Evet, yanlış duymadın. HTML, internetin iskeletidir, temelidir, kolonudur. Bir binayı düşün; tuğlalar, betonlar ve kolonlar HTML’dir. O binayı boyarsan CSS olur, asansör ekleyip düğmeye basınca çalışmasını sağlarsan JavaScript olur. Ama o kolonlar yoksa, bina da yoktur.
 |
| HTML Nedir? Web Tasarımının Temeli: Adım Adım HTML Öğrenin |
KAPTAN AND PATRON HEYYYYY
BY LOVE
TAMAM TAMAM BURAYI GEÇELİM SADECE BİR ALINTI
Şimdi sana açık açık söyleyeyim; eğer bu yazıyı okuyorsan, şu an gördüğün her şey (başlıklar, paragraflar, kalın yazılar) HTML sayesinde var. "Ben kodlamadan anlamam" diyerek kaçma, çünkü HTML öğrenmesi en zevkli ve en basit şeydir. Gel, şu "web siteleri nasıl yapılıyor?" gizemini saniyeler içinde çözelim.
HTML Nedir? (Teknik Olmayan Bir Bakış)
HTML'in açılımı HyperText Markup Language, yani Hiper Metin İşaretleme Dili. İşaretleme dili ne demek biliyor musun? Tarayıcıya (Chrome, Safari, Edge) emir vermek demek. Sen tarayıcıya "Ey Chrome, şu yazıyı başlık yap, şu resmin altına bir çizgi çek" diyorsun, o da yapıyor. İşte bu kadar basit.
HTML, etiketlerden (tags) oluşur. Bu etiketler genellikle bir açılış <tag> ve bir kapanış </tag> şeklinde çalışır. Aradaki her şey, o etiketin emri altındadır.
HTML Ne İşe Yarar? (Sadece Web Sitesi mi?)
Kısaca: Her şeye yarar. İnternetin olduğu her yerde HTML vardır. Ama temel görevlerini şöyle listeleyeyim:
- İçeriği Organize Eder: Neresi başlık, neresi liste, neresi tablo? HTML bunu belirler.
- Medya Yerleştirir: Videoları, görselleri ve ses dosyalarını sayfaya "mıhlar".
- Bağlantı Kurar: "Buraya tıkla" dediğinde başka bir dünyaya (sayfaya) gitmeni sağlar.
- SEO Dostudur: Google botları senin siteni ziyaret ettiğinde, "Hah, bu
<h1>etiketiymiş, demek ki sayfanın ana konusu bu" der.
Gel Bir Şov Yapalım: İlk Kodunla Tanış!
Laf kalabalığını sevmem demiştik. İşte gerçek bir HTML yapısı. Bak bakalım korkunç görünüyor mu?
<!-- Bu bir yorum satırı, tarayıcı bunu görmez ama sen gör -->
<article>
<h1>Dünyanın En Havalı Başlığı</h1>
<p>Şu an bir HTML paragrafının içindesin. Heyecanlı mısın?</p>
<ul>
<li>Madde 1: HTML çok kolaydır.</li>
<li>Madde 2: Kaptan & Patron doğruyu söyler.</li>
</ul>
<a href="https://google.com" target="_blank">Beni Tıkla ve Dünyayı Keşfet!</a>
</article>
Gördüğün gibi; h1 başlık yaptı, p paragraf oldu, ul ve li ise liste oluşturdu. Atom parçalamıyoruz dostum, sadece işaretliyoruz!
En Çok Kullanılan "Hayat Kurtaran" HTML Etiketleri
Sektörde en çok karşına çıkacak, "ben kod yazarım" dediğinde bilmen gereken as kadro şunlar:
| Etiket | Görevi |
|---|---|
| <div> | Görünmez kutu. Sayfayı bölümlere ayırır. |
| <img> | Resim ekler. (Kapanış etiketi yoktur, asidir!) |
| <button> | Tıklanabilir bir buton oluşturur. |
| <form> | Kullanıcıdan bilgi topladığın o alanlar. |
HTML Öğrenmek İçin Mühendis Olmaya Gerek Var mı?
Şimdi sana en net cevabı vereyim: HAYIR. İlkokul öğrencisi bile HTML öğrenebilir. HTML bir mantık işidir. "Burası bir resim olacak, burası bir yazı" diyebiliyorsan, HTML yazabilirsin. Hatta not defterini (Notepad) açıp yukarıdaki kodları yapıştırıp, dosyayı index.html olarak kaydedersen, kendi ilk web sayfanı saniyeler içinde oluşturmuş olursun. Denemesi bedava!
H2: Sonuç: HTML Bilmeden Web Dünyasına Girme!
Eğer dijital dünyada bir kariyer, bir blog veya bir dükkan açmak istiyorsan; HTML senin ana dilin olmalı. Diğer diller (Python, Java, PHP) beynin ise, HTML vücudundur. Vücudun olmadan beynin bir işe yaramaz.
Sana tavsiyem; karmaşık framework'lere dalmadan önce şu etiketlerin mantığını iyice bir kavra. Gerisi çorap söküğü gibi gelecek. Hadi, klavyenin başına geç ve ilk <h1>Merhaba Dünya!</h1> yazını yaz!
Ünvan: Site Kurucuları
Açıklama:
"Bilgiyi sade, net ve işe yarar şekilde sunmayı hedefleyen bir ekip. Gereksiz laf kalabalığını sevmeyiz, direkt konuya gireriz. Bu sitede okuduğun her içerik, gerçek deneyim ve araştırmaya dayanır."
