🗞️ Manisa Haber

HTML neyin kısaltması?

17 Haziran 2025 Manisa Haber

HTML: İnternetin Yapı Taşı Nedir?

HTML, HyperText Markup Language'ın kısaltmasıdır. Adından da anlaşılacağı gibi, bu bir programlama dili değil, bir işaretleme dilidir. Yani, web sayfalarının yapısını ve içeriğini tanımlamak için kullanılan bir dildir. Tıpkı bir binanın mimari planı gibi, HTML de bir web sayfasının neresinde başlık olacak, neresinde paragraf, neresinde resim duracak gibi bilgileri belirler.

Deneyimlerime göre, birçok insan HTML'i web'in temeli olarak görür ve bu doğru bir yaklaşımdır. Bir web sayfasını tarayıcınızda gördüğünüzde aslında gördüğünüz şeyin büyük bir kısmı HTML kodunun bir yorumudur. Tarayıcılar (Chrome, Firefox, Safari gibi) bu HTML kodlarını okur ve ekranda bizim anladığımız bir görünüme dönüştürür. Örneğin, bir web sitesine girdiğinde <h1>Bu bir ana başlıktır</h1> gibi etiketler görürsün. Tarayıcı bu <h1> etiketini "bakın bu en önemli başlık, bunu büyük ve belirgin gösterin" şeklinde anlar.

HTML Nasıl Çalışır? İçerik ve Yapı İlişkisi

HTML'in temel çalışma mantığı, etiketler ve öznitelikler üzerine kuruludur. Etiketler, içeriğin ne tür bir öğe olduğunu belirtir. Örneğin, bir metni paragrafa dönüştürmek için <p> etiketini kullanırsın. Bir resmi eklemek için <img> etiketini, bir bağlantı oluşturmak için <a> etiketini kullanırsın.

Öznitelikler ise bu etiketlere ek bilgiler katmak için kullanılır. Örneğin, <img> etiketiyle bir resim eklerken, resmin hangi dosya olacağını belirtmek için src özniteliğini kullanırsın: <img src="resmim.jpg" alt="Bu benim resmim">. Buradaki src ve alt özniteliklerdir. alt özniteliği, resim görüntülenemediğinde veya ekran okuyucular tarafından okunurken kullanılır, bu da erişilebilirlik açısından çok önemlidir.

Web sitelerinin sadece metin ve resimlerden ibaret olmadığını biliyorsun. Farklı içerik türlerini ve bunların birbirleriyle olan ilişkisini belirlemek için HTML'de birçok farklı etiket bulunur. Örneğin:

  • Başlıklar:<h1>'dan <h6>'ya kadar altı farklı başlık seviyesi bulunur. En önemli başlık <h1>'dir.
  • Listeler: Sırasız listeler için <ul> ve sıralı listeler için <ol> etiketleri kullanılır. Her liste öğesi ise <li> etiketiyle belirtilir.
  • Tablolar: Verileri yapılandırmak için <table>, <tr> (satır) ve <td> (hücre) gibi etiketler kullanılır.
  • Formlar: Kullanıcıdan bilgi almak için <form>, <input>, <button> gibi etiketler kullanılır.

HTML Öğrenirken Nelere Dikkat Etmeli? Pratik İpuçları

HTML öğrenmeye yeni başlıyorsan, ilk başta tüm etiketleri ezberlemek zorunda değilsin. Önemli olan temel yapıyı anlamak ve en sık kullanılan etiketleri öğrenmektir. Deneyimlerime göre, başlamak için en iyi yol:

  • Basit Bir Sayfa Oluştur: Kendi bilgisayarında bir metin editörü (Notepad, VS Code gibi) açıp basit bir index.html dosyası oluştur. İçine temel bir HTML yapısı (<!DOCTYPE html>, <html>, <head>, <body> etiketleri) yaz ve içine birkaç paragraf ve başlık ekle.
  • Görsel Geri Bildirim Al: Oluşturduğun bu .html dosyasını tarayıcında aç. Ne kadar basit olursa olsun, kodunun ekranda nasıl göründüğünü görmek motivasyonunu artıracaktır.
  • Çok Yönlü Kaynakları Kullan: MDN Web Docs (Mozilla Developer Network) gibi kaynaklar, HTML etiketleri ve kullanımı hakkında en güvenilir ve güncel bilgileri sunar. Bu kaynakları referans olarak kullanmaktan çekinme.
  • Gerçek Projelerden İlham Al: Beğendiğin web sitelerinin kaynak kodlarına bak. (Tarayıcında sağ tık yapıp "Sayfa Kaynağını Görüntüle" veya benzeri bir seçeneği seçerek yapabilirsin.) Bu sana farklı yapıların nasıl oluşturulduğu hakkında fikir verecektir.

Unutma, HTML tek başına bir web sitesine renk ve düzen katmaz. Bunun için CSS (Cascading Style Sheets) kullanılır. HTML içeriğin iskeletini oluştururken, CSS de bu iskelete giydirilen estetik katmanı sağlar. Ancak her şeyin temeli HTML'dir.

Web Teknolojileri Ekosisteminde HTML'in Yeri

HTML, web teknolojileri ekosisteminin temel taşıdır. Yanında genellikle CSS ve JavaScript ile birlikte kullanılır. CSS, web sayfalarının görsel stilini (renkler, yazı tipleri, düzen vb.) belirlerken; JavaScript ise web sayfalarına etkileşim ve dinamizm katar (butonlara tıklanınca bir şeyler olması, formların doğrulanması vb.).

Deneyimlerime göre, bir web geliştirici olmak istiyorsan, öncelikle HTML'i sağlam bir şekilde öğrenmen şart. HTML bilgisi olmadan CSS ve JavaScript'i etkili bir şekilde kullanman çok zordur. Bir web sitesinin temel yapısını anlamadan, onun nasıl daha çekici veya daha işlevsel hale getirileceğini bilemezsin. Günümüzde web sitelerinin %99'undan fazlası HTML kullanır. Hatta HTML5 ile birlikte gelen yeni etiketler (<article>, <section>, <nav> gibi) web sayfalarının anlamsal olarak daha iyi yapılandırılmasına yardımcı olur.

Sonuç olarak, HTML, web sayfalarının temel dilidir. Öğrenmesi kolaydır ve web'in nasıl çalıştığını anlamanın ilk adımıdır. Kendi basit web sayfalarını oluşturmaya başlamak için harika bir başlangıç noktasıdır.