HTML Dersleri 3 - Etiketler

HTML Etiketler Nedir?

HTML etiketler, bir web sayfasındaki içeriğin tarayıcıya nasıl gösterileceğini belirleyen yapılardır. Tarayıcılar, yazdığımız metinleri doğrudan değil, HTML etiketleri sayesinde anlamlandırarak ekrana yansıtır. Bu nedenle HTML etiketleri, web sayfalarının temel yapı taşlarıdır.

Bir HTML belgesi, etiketler yardımıyla başlık, paragraf, bağlantı, görsel ve diğer tüm bileşenleri oluşturur. Etiketler olmadan bir web sayfası yalnızca düz metinden ibaret olur.

HTML Etiketlerinin Yapısı

HTML etiketleri genellikle açılış ve kapanış etiketi şeklinde kullanılır. Açılış etiketi içeriğin başladığı yeri, kapanış etiketi ise bittiği yeri belirtir.

Örnek yapı:

• Açılış etiketi

• İçerik

• Kapanış etiketi

Bu yapı sayesinde tarayıcı, hangi içeriğin hangi amaçla kullanıldığını doğru şekilde anlar.

Açılış ve Kapanış Etiketleri

Çoğu HTML etiketi çift olarak kullanılır. Açılış etiketi ile başlayan yapı, kapanış etiketi ile sonlandırılır. Kapanış etiketlerinde etiket adının başına eğik çizgi eklenir.

Bu kullanım, özellikle metinler, başlıklar ve bağlantılar gibi içeriklerde zorunludur. Etiketlerin doğru kapatılmaması sayfa yapısında bozulmalara yol açabilir.

Tekil (Self-Closing) HTML Etiketleri

Bazı HTML etiketleri ise tek başına kullanılır ve kapanış etiketine ihtiyaç duymaz. Bu etiketler genellikle sayfaya bir öğe eklemek için kullanılır.

En yaygın tekil etiketler:

• Satır atlama etiketleri

• Görsel ekleme etiketleri

• Meta bilgi etiketleri

Bu etiketler içerik barındırmadığı için açılış–kapanış mantığına sahip değildir.

En Çok Kullanılan HTML Etiketleri

HTML öğrenirken bazı etiketler neredeyse her projede kullanılır. Bu etiketleri iyi anlamak, sayfa yapısını kurmayı kolaylaştırır.

Sık kullanılan etiket grupları:

• Başlık etiketleri

• Metin ve paragraf etiketleri

• Bağlantı etiketleri

• Görsel etiketleri

• Liste etiketleri

Bu etiketler sayesinde içerik hem düzenli görünür hem de arama motorları tarafından daha iyi analiz edilir.

HTML Etiketlerinin Sayfa Yapısındaki Rolü

HTML etiketleri yalnızca görsel düzen için değil, aynı zamanda sayfanın anlamını belirtmek için de kullanılır. Doğru etiket kullanımı:

• Sayfanın okunabilirliğini artırır

• SEO açısından avantaj sağlar

• Erişilebilirliği güçlendirir

• Kodun bakımını kolaylaştırır

Bu nedenle HTML yazarken sadece görünümü değil, yapısal doğruluğu da göz önünde bulundurmak gerekir.

HTML Etiketleri ile Elementler Arasındaki Fark

HTML etiketleri ile element kavramı sıkça karıştırılır. Etiket, kodun yazım şeklidir; element ise etiketler ve içeriğin birleşiminden oluşur.

Bir başka deyişle:

• Etiket → Yapıyı tanımlar

• Element → Etiket + içerik + özelliklerin tamamıdır

Bu farkı bilmek, ilerleyen derslerde HTML’i daha doğru kullanmanı sağlar.

HTML etiketlerini öğrendikten sonra artık etiketlerin özelliklerini ve nasıl özelleştirildiğini anlamak gerekir. Bu noktada bir sonraki ders olan HTML Parametreler konusu, HTML bilgisini bir adım ileri taşıyacaktır.

? HTML Dersleri 4 – Parametreler
https://cilginyazilim.com/html-dersleri-4-parametreler