HTML Metin Biçimlendirme Etiketleri ve Özellikleri
Satır içi biçimlendirme olarak da bilinen HTML metin biçimlendirme etiketleri metinsel ifadelere yeni stiller katmak için kullanır.
HTML Metin Biçimlendirme Etiketleri
Aşağıdaki tabloda yaygın kullanılan metin biçimlendirme etiketleri derlenmiştir:
| Etiket | Anlam |
|---|---|
| <b> | kalın yazı |
| <strong> | önemli yazı |
| <i> | itelik (eğik) yazı |
| <em> | vurgulanmış yazı |
| <mark> | İşaretli yazı |
| <small> | küçük yazı |
| <del> | yazının üstünü çizer |
| <ins> | yazının altını çizer |
| <sub> | alt simge yazı |
| <sup> | üst simge yazı |
<b> etiketi
HTML <b> etiketi, herhangi bir önem olmayan bir kalın yazıyı tanımlar.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><b>Bu kalınlaştırılmış bir yazı</b> ama burası kalın değil.</p>
</body>
</html>
Çıktı:
Bu normal bir yazı
Bu kalınlaştırılmış bir yazı ama burası kalın değil
<strong> etiketi
HTML <strong> etiketi, <b> etiketinden farklı olarak metnin önemli olduğunu belirten bir kalın yazıyı tanımlar. Yani yazı kalınlaşırken aynı zamanda tarayıcılar tarafından da o yazının önemli bir yazı olduğu yorumlanır.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı</p>
<p><strong>Bu ise strong kullanılarak yazılmış bir yazıdır</strong> ve tarayıcılar tarafından önemli olarak yorumlanır.</p>
</body>
</html>
Çıktı:
Bu normal bir yazı
Bu ise strong kullanılarak yazılmış bir yazıdır ve tarayıcılar tarafından önemli olarak yorumlanır.
<i> etiketi
HTML <i> etiketi, yazının eğik görünmesi için kullanılır.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><i>Bu ise eğik bir yazıdır.</i></p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu ise eğik bir yazıdır.
<em> etiketi
HTML <em> etiketi, hem <i> etiketi gibi yazıyı eğik gösterir hem de tarayıcılar tarafından yorumlanırken o yazının vurgulandığını da belirtir.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><em>Bu hem vurgulu hem de eğik bir yazıdır.</em></p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu hem vurgulu hem de eğik bir yazıdır.
<small> etiketi
HTML <small> etiketi, yazıyı olduğundan daha küçük bir şekilde yazmak için kullanılır.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><small>Bu etiket yazıyı olduğundan</small> daha küçük yazar.</p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu etiket yazıyı olduğundan daha küçük yazar.
<mark> etiketi
HTML <mark> etiketi, işaretlenmesi veya vurgulanması gereken metni tanımlar.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><mark>Bu etiket yazıyı </mark> işaretler.</p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu etiket yazıyı işaretler.
<del> etiketi
HTML <del> etiketi, bir belgeden silinen metni tanımlar. Yani metnin üzerini çizer.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><del>Bu etiket yazının üstünü</del> çizer.</p>
</body>
</html>Çıktı:
Bu normal bir yazıBu etiket yazının üstünü çizer.
<ins> etiketi
HTML <ins> etiketi, metnin altını çizer.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p><ins>Bu etiket yazının altını</ins> çizer.</p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu etiket yazının üstünü çizer.
<sub> etiketi
HTML <sub> etiketi, normal satırın yarım karakter altında görünür ve bazen daha küçük bir yazı tipiyle işlenir.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p>Bu etiket H<sub>2</sub>O gibi yarım karakter altında gözünür.</p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu etiket H2O gibi yarım karakter altında görünür.
<sup> etiketi
HTML <sup> etiketi, normal satırın yarım karakter üstünde görünür.
<!DOCTYPE html>
<html>
<body>
<p>Bu normal bir yazı.</p>
<p>Bu etiket 5<sup>3</sup> = 125</p>
</body>
</html>Çıktı:
Bu normal bir yazı
Bu etiket 53 = 125