HTML, web sayfalarındaki metinleri biçimlendirmek için çeşitli etiketler sunar. Bu etiketler sayesinde metinlerinizi kalın, italik, altı çizili veya vurgulu hale getirebilir, hatta belirli kısımlarını ön plana çıkarabilirsiniz. Şimdi HTML’de en çok kullanılan metin biçimlendirme etiketlerini detaylıca inceleyelim.
1. Kalın, İtalik ve Altı Çizili Metinler
- Kalın Metin (
<b>ve<strong>):<b>etiketi metni kalın yapar.<strong>etiketi ise önemli bir vurgulama yapar ve ekran okuyucular için de anlam ifade eder.
<p>Bu bir <b>kalın</b> metindir.</p>
<p>Bu bir <strong>önemli kalın</strong> metindir.</p>
- İtalik Metin (
<i>ve<em>):<i>etiketi metni italik yapar.<em>etiketi ise vurgulu italik metin oluşturur.
<p>Bu bir <i>italik</i> metindir.</p>
<p>Bu bir <em>vurgulu italik</em> metindir.</p>
- Altı Çizili Metin (
<u>):
<p>Bu bir <u>altı çizili</u> metindir.</p>
2. Üstü Çizili ve Altı Çizgili Metinler
- Üstü Çizili Metin (
<s>ve<del>):<s>etiketi, artık geçerli olmayan metinler için kullanılır.<del>etiketi, bir metnin silindiğini belirtir.
<p>Bu <s>geçersiz</s> bir ifadedir.</p>
<p>Bu <del>silinmiş</del> bir metindir.</p>
- Alt Çizgili ve Üst Çizgili Metin (
<sub>ve<sup>):<sub>etiketi alt simgeler için kullanılır (örneğin kimyasal formüllerde).<sup>etiketi üst simgeler için kullanılır (örneğin matematiksel üslerde).
<p>H<sub>2</sub>O (Su formülü)</p>
<p>5<sup>2</sup> = 25 (Üs alma işlemi)</p>
3. Özel Vurgular ve Öne Çıkarma
- Vurgulu Metin (
<mark>):<mark>etiketi, metni fosforlu kalemle işaretlenmiş gibi gösterir.
<p>Bu bir <mark>vurgulanmış</mark> metindir.</p>
- Alıntı ve Kod Blokları (
<blockquote>,<q>,<code>):<blockquote>etiketi, uzun alıntılar için kullanılır.<q>etiketi, kısa alıntılar için kullanılır.<code>etiketi, kod bloklarını göstermek için kullanılır.
<blockquote>
Başarıya ulaşmanın sırrı, pes etmemektir.
</blockquote>
<p>Einstein dedi ki: <q>Hayal gücü bilgiden daha önemlidir.</q></p>
<p>Kod örneği: <code>console.log("Merhaba Dünya");</code></p>
4. Önceden Biçimlendirilmiş Metin (<pre>)
<pre> etiketi, metni olduğu gibi (boşluklar ve satır başları dahil) gösterir.
<pre>
Bu bir
önceden biçimlendirilmiş metindir.
</pre>
Sonuç
HTML metin biçimlendirme etiketleri, içeriklerinizi daha okunaklı, vurgulu ve estetik hale getirmenize yardımcı olur. Bu temel etiketleri öğrendikten sonra, CSS ile daha gelişmiş stillendirme teknikleri uygulayabilirsiniz. İlerleyen derslerde CSS ile metinleri nasıl daha şık hale getireceğimizi detaylı olarak işleyeceğiz. 🎨✨