Yazı Biçimlendirme

HTML yazı biçimlendirme etiketleri; metinlerin görünümünü değiştirmek, anlam kazandırmak ve içerik içinde vurgular oluşturmak için kullanılan satır içi HTML etiketleridir. Bu etiketler hem görsel düzenleme hem de semantik yapı oluşturma amacıyla kullanılır.

Yazı biçimlendirme etiketleri; metni kalın, italik, altı çizili, işaretli, küçük, silinmiş, eklenmiş ya da üst-alt simge gibi farklı biçimlerde göstermeye yarayan HTML etiketleridir. Çoğu etiket satır içi (inline) olarak çalışır.

Ne İşe Yarar?

Önemli metinleri vurgulamak
Okunabilirliği artırmak
Semantik anlam kazandırmak
Matematiksel ve kimyasal gösterimler yapmak
Metin içinde görsel hiyerarşi oluşturmak

En Basit Kullanımı


<p>Bu bir <strong>önemli</strong> metindir.</p>

Örnek Çıktı:

Bu bir önemli metindir.

HTML Yazı Biçimlendirme Etiketleri

Kalın ve Anlam Vurgulama Etiketleri


<b>Kalın metin</b>
<strong>Önemli metin</strong>

İtalik ve Vurgulu Metin Etiketleri


<i>İtalik metin</i>
<em>Vurgulu metin</em>

Altı Çizili ve İşaretleme Etiketleri


<u>Altı çizili metin</u>
<mark>İşaretlenmiş metin</mark>

Küçük Metin Etiketi


<small>Daha küçük metin</small>

Silinen ve Eklenen Metin Etiketleri


<del>Silinen metin</del>
<ins>Eklenen metin</ins>

Alt ve Üst Simge Etiketleri


H<sub>2</sub>O
X<sup>2</sup>

Genel Satır İçi Biçimlendirme Etiketleri


<span>Satır içi metin</span>

Alıntı ve Kaynak Gösterimi Etiketleri


<q>Kısa alıntı</q>
<cite>Kaynak adı</cite>

Teknik ve Kod Gösterim Etiketleri


<code>Kod parçası</code>
<kbd>>Klavye girdisi</kbd>
<samp>Program çıktısı</samp>
<var>Değişken</var>

Zaman ve Kısaltma Etiketleri


<abbr title="HyperText Markup Language">HTML</abbr>
<time>2026-01-01</time>

Ne Zaman Kullanılır?

Metin içinde anlam ve vurgu oluşturmak istediğinizde
Teknik içeriklerde kod veya değişken göstermek için
Alıntı, kısaltma veya tarih belirtirken
SEO ve erişilebilirliği artırmak amacıyla

Küçük İpuçları

<strong> ve <em> semantik açıdan tercih edilmelidir
<b> ve <i> sadece görsel amaçlıdır
Aşırı biçimlendirme okunabilirliği düşürür
Görsel stil için CSS kullanmak daha esnektir

1 ay önce