HTML (Hiper Metin İşaretleme Dili)
HTML, yani Hiper Metin İşaretleme Dili, web sayfalarının yapısını tanımlamak için kullanılan bir işaretleme dilidir. İnternetin temel yapı taşlarından biri olan HTML, metin, resim, video ve diğer medya öğelerinin web üzerinde nasıl görüntüleneceğini belirler. HTML, 1990’ların başında Tim Berners-Lee tarafından geliştirilmiştir ve o zamandan beri web geliştirme alanında standart bir dil haline gelmiştir.
HTML’in Temel Özellikleri
HTML, metin içeriğini yapılandırmak için çeşitli etiketler (tag) kullanır. Bu etiketler, tarayıcıların içeriği nasıl görüntüleyeceğini belirler. HTML, metin, başlıklar, paragraflar, bağlantılar, resimler ve diğer öğeleri tanımlamak için farklı etiketler içerir. İşte HTML’in bazı temel özellikleri:
- Yapısal Düzen: HTML, sayfanın yapısını belirler. Başlıklar, paragraflar ve listeler gibi öğeler, sayfanın düzenini oluşturur.
- Medya Entegrasyonu: HTML, resim, video ve ses dosyaları gibi medya öğelerinin web sayfasına eklenmesini sağlar.
- Bağlantılar: HTML, diğer web sayfalarına veya kaynaklara köprüler oluşturmak için bağlantılar (linkler) sağlar.
HTML Etiketleri
HTML, etiketler aracılığıyla çalışır. Her etiket, açılış ve kapanış etiketleri ile tanımlanır. Örneğin, bir başlık oluşturmak için <h1> ile </h1> etiketleri kullanılır. İşte bazı yaygın HTML etiketleri:
<h1>Bu bir başlıktır</h1>
<p>Bu bir paragraftır.</p>
<a href="https://www.ornek.com">Bu bir bağlantıdır</a>
<img src="resim.jpg" alt="Açıklama">Yukarıdaki örneklerde, <h1> etiketi bir başlık oluştururken, <p> etiketi bir paragrafı temsil eder. <a> etiketi, bir bağlantı oluşturur ve <img> etiketi ise bir resmi sayfaya ekler.
HTML Belgesinin Yapısı
Bir HTML belgesi, belirli bir yapıya sahiptir. Temel bir HTML belgesi aşağıdaki gibi görünmektedir:
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu, HTML belgesinin bir örneğidir.</p>
</body>
</html>Bu yapıda, <!DOCTYPE html> ifadesi, belgenin HTML5 standardına uygun olduğunu belirtir. <html> etiketi, HTML belgesinin başlangıcını ve sonunu tanımlar. <head> kısmında sayfanın başlığı ve diğer meta bilgileri yer alırken, <body> kısmında sayfanın görünen içeriği bulunur.
HTML ve SEO
HTML, arama motoru optimizasyonu (SEO) açısından da büyük bir öneme sahiptir. Doğru HTML etiketlerini kullanmak, arama motorlarının sayfanızın içeriğini daha iyi anlamasına yardımcı olur. Örneğin, başlık etiketleri (<h1>, <h2>, vb.) sayfanın ana konusunu belirlerken, meta etiketleri sayfanın içeriği hakkında bilgi verir. Bu nedenle, SEO uyumlu bir web sayfası oluşturmak için HTML etiketlerinin doğru bir şekilde kullanılması gerekmektedir.
Sonuç
HTML, web geliştirme dünyasında vazgeçilmez bir araçtır. Hiper Metin İşaretleme Dili, web sayfalarının yapısını tanımlamak için gerekli olan temel bir dildir. HTML etiketleri sayesinde metin, resim ve diğer medya öğeleri düzenlenebilir ve bağlantılar oluşturulabilir. Ayrıca, SEO açısından da önemli bir rol oynar. HTML öğrenmek, web tasarımı ve geliştirme alanında kariyer yapmak isteyenler için kritik bir adımdır.
