HTML Nedir? Web Sayfalarının Temel Yapı Taşı
HTML, web sayfalarının temel yapısını oluşturan bir işaretleme dilidir. Metinleri, görselleri ve diğer içerikleri organize ederek tarayıcıda görüntülenmesini sağlar. İnternetin temel teknolojilerinden biridir.
İnternet üzerinde gördüğümüz her web sayfasının arka planda bir yapı vardır. Sayfada yazılar neden başlık, paragraf veya liste olarak görünür? Resimler neden belirli yerlerde duruyor? Linkler neden tıklanabilir? Tüm bu soruların cevabı HTML ile başlar. HTML, web tasarımcılarının ve geliştiricilerin bir sayfayı nasıl organize edeceğini tarayıcıya söyleyen dildir.
Bu yazıda HTML'nin ne olduğunu, nasıl çalıştığını ve neden internet dünyası için bu kadar önemli olduğunu öğreneceksiniz.
HTML Nedir? Tanım ve Temel Kavram
HTML, "HyperText Markup Language" (Hiper Metin İşaretleme Dili) kısaltmasıdır. İşaretleme dili derken, kodla yazılan metinleri etiketler (tags) aracılığıyla işaretlediğimiz anlamına gelir. HTML, web sayfalarının iskeletini oluşturan temel teknolojidir.
Bir sayfadaki her öğe—başlıklar, paragraflar, listeler, tablolar, resimler, videolar—HTML etiketleriyle tanımlanır. Tarayıcı bu etiketleri okur ve sayfayı sizin ekranınızda görünen şekilde gösterir. HTML olmadan internet bugünkü halini alamazdı.
HTML Nasıl Çalışır? Etiketler ve Yapı
HTML, açılış ve kapanış etiketleriyle çalışır. Örneğin <p>Bu bir paragraftur</p> yazıldığında tarayıcı, "Bu bir paragraftur" yazısını paragraf olarak gösterir. <h1>Başlık</h1> ise büyük bir başlık oluşturur.
Bir HTML dosyası temelde şu yapıya sahiptir:
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>Merhaba</h1>
<p>Bu bir paragraftur.</p>
</body>
</html>
<head> bölümü sayfanın meta bilgilerini içerir, <body> ise kullanıcının göreceği içeriği barındırır. Her etiket belirli bir işlevi yerine getirir: başlıklar, paragraflar, listeler, linkler, görseller ve çok daha fazlası HTML etiketleriyle tanımlanır.
HTML Neden Önemlidir?
HTML, web içeriğinin temel dilidir. Stil ve tasarım için CSS kullanılsa da, içeriğin yapısını belirleyen HTML'dir. Arama motorları web sayfalarını HTML yapısını okuyarak indeksler; doğru HTML etiketleri kullanmak SEO açısından da önemlidir.
Ayrıca HTML, erişilebilirlik (accessibility) için kritiktir. Görme engelli kullanıcılar ekran okuyucu yazılımlar kullanırlar ve bu yazılımlar HTML etiketlerini okur. Doğru HTML yapısı, web sayfalarını herkes için kullanılabilir kılar.
HTML ayrıca mobil uygulamalar, masaüstü yazılımlar ve hatta e-kitaplar gibi farklı platformlarda da temel olarak kullanılır. Bu nedenle HTML bilgisi, yazılım geliştirmenin en temel becerilerinden biridir.
Somut Örnek: Bir Sayfanın İçeriğini Organize Etmek
Diyelim ki bir blog yazısı yayınlamak istiyorsunuz. Yazının başlığı, yazarı, yayın tarihi, paragraflar ve görseller var. HTML bunu şöyle organize eder:
<h1>Yazı Başlığı</h1>
<p>Yazar: Ahmet Yılmaz | Tarih: 15 Aralık 2024</p>
<img src="resim.jpg" alt="Yazı görseli">
<p>İlk paragraf metni burada...</p>
<h2>Alt Başlık</h2>
<p>İkinci paragraf metni burada...</p>
<ul>
<li>Liste öğesi 1</li>
<li>Liste öğesi 2</li>
</ul>
Bu HTML kodu tarayıcıda okunabilir, organize edilmiş bir blog yazısı olarak görünür. Aynı içerik HTML olmadan sadece düz metin olsaydı, okuması zor ve karışık olurdu. HTML, içeriği anlamlı parçalara bölerek okunabilirliği artırır.
Sabah uyandığınızda sosyal medya uygulamasını açtığınızda gördüğünüz beslenme, haberlerin başlıkları, paylaşılan görseller ve videolar—hepsi HTML ile yapılandırılmıştır. Mobil uygulamalar da HTML tabanlı bileşenler kullanır. Hatta e-kitap okuduğunuzda, başlıklar ve paragraflar HTML etiketleriyle tanımlanmıştır. İnternette gördüğünüz neredeyse her şey HTML'nin bir şekliyle organize edilmiştir.
Sınav sorularında HTML'nin 'işaretleme dili' olduğu, 'programlama dili olmadığı' ve 'web sayfalarının iskeletini oluşturduğu' bilgileri sıkça sorulur. Temel etiketleri (h1-h6, p, img, a, ul, ol, table vb.) ve HTML dosyasının genel yapısını bilmek önemlidir.
Sık sorulan sorular
HTML programlama dili midir?
Hayır. HTML bir işaretleme dilidir (markup language). Programlama dilleri gibi hesaplama, mantık veya veri işleme yapamaz. HTML sadece içeriği yapılandırır ve tarayıcıya nasıl gösterileceğini söyler.
HTML'yi öğrenmek için ne kadar zaman gerekir?
HTML temel kavramları birkaç gün içinde öğrenilebilir. Ancak profesyonel seviyeye ulaşmak, CSS ve JavaScript gibi diğer teknolojilerle birlikte çalışmayı gerektirir ve daha fazla zaman alır.
HTML dosyası nasıl oluşturulur?
Basit bir metin editörü (Not Defteri, Visual Studio Code vb.) açıp HTML kodunu yazıp dosyayı '.html' uzantısıyla kaydedebilirsiniz. Dosyayı bir tarayıcıda açtığınızda HTML gösterilir.
CSS ve HTML arasındaki fark nedir?
HTML içeriğin yapısını belirler (başlık, paragraf, liste vb.), CSS ise tasarımını yapar (renkler, yazı tipleri, düzen). İkisi birlikte çalışarak güzel ve işlevsel web sayfaları oluşturur.
HTML'nin en sık kullanılan etiketleri nelerdir?
h1-h6 (başlıklar), p (paragraf), img (görsel), a (link), ul/ol (listeler), div (bölüm), span (satır içi metin), table (tablo) ve form etiketleri en yaygın olanlarıdır.