HTML/CSS eğitim serisinin bu bölümünde HTML’in en sık kullanılan temel etiketlerini inceliyoruz: paragraf (<p>), kalın (<b>, <strong>), italik (<i>, <em>), alt/üst simge (<sub>, <sup>) ve yatay çizgi (<hr>).
Etiketleri Tek Tek
1. Paragraf — <p>
Metni paragraf olarak gruplar. Tarayıcı üstüne/altına boşluk ekler.
<p>Bu bir paragraftır.</p>2. Kalın — <b> ve <strong>
İkisi de yazıyı kalın gösterir, ama anlamları farklıdır:
<b>: sadece görsel olarak kalın (stylistic).<strong>: önemli anlamı taşır — ekran okuyucular vurgulu okur, SEO için anlamlı.
3. İtalik — <i> ve <em>
<i>: yabancı kelimeler, teknik terimler için italik.<em>: vurgu anlamı taşır.
4. Alt/Üst Simge — <sub> ve <sup>
Kimyasal formüller (H2O), matematiksel ifadeler (E = mc2).
H<sub>2</sub>O
E = mc<sup>2</sup>5. Yatay Çizgi — <hr>
Tematik ayırıcı. Modern HTML’de “bölüm değişimi” anlamı taşır.
<hr>2026 İçin Ek Etiketler
2015’te HTML5 yeni-yeni standartlaşıyordu. Bugün şu semantic etiketler de günlük kullanımda:
<mark>: vurgulanmış metin (sarı highlight).<ins>/<del>: eklenmiş / silinmiş.<abbr>: kısaltma (mouse hover’da açılır).<kbd>: klavye girişi (örn. Ctrl + S).<code>: kod parçası (zaten 2015’te de vardı).<cite>: alıntı kaynağı.<time>: tarih/saat — Google için yapısal.
2026 notu: Modern CSS’de font-weight ve font-style ile aynı görsel sonucu alabilirsiniz. Ama HTML’de doğru etiketi seçmek erişilebilirlik (a11y) ve SEO için önemli — <b> yerine <strong> tercih edin eğer gerçekten önemli bir kelimeyse.
