HTML Vurgu Etiketleri

HTML vurgu etiketleri sayesinde, metin içerisindeki yazılarımızı vurgulayabilir, öne çıkarabilir veya dikkat çekici hale getirebiliriz. Vurgu yapacağımız metin bölümünü veya kelimeyi; italik, kalın, altı çizili, alıntılı gibi türlerde kullanabiliriz. Aşağıdaki örnek kodlarda nasıl olacağını birlikte görelim.

İtalik yazı vurgu etiketi

Yazacağınız yazıyı sağa doğru yaslı, italik yazacaktır.
<em> — </em> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri, vurgu etiketleri konusu.

Boyalı yazı vurgu etiketi

Yazacağınız yazının arka plan rengini sarı yaparak vurgular.
<mark> — </mark> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri, vurgu etiketleri konusu.

Kalın yazılı vurgu etiketi

Yazıyı kalınlaştırarak diğer yazılara oranla daha kalın gösterir.
<strong> — </strong> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri, vurgu etiketleri konusu.

Yazıyı kısaltma etiketi

Uzun yazımlı bir kelimenin kısaltmasını kullanarak, üzerine gelince uzun halini gösterebilirsiniz.
<abbr> — </abbr> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri, vurgu konusu.

Yazıyı tersten yazma etiketi

Bir metin bloğunu, tersine çevirerek yazabilirsiniz.
<bdo> — </bdo> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri, vurgu etiketleri konusu.

Alıntılama etiketi

Cümle içerisinde kullandığınız alıntı içerek cümleleri, kelimeleri belirtmek için kullanabilirsiniz.
<blockquote> — </blockquote> Etiketleri arasında yazılır.

Bu yazı kodkampusu.com sitesinden alınmıştır.

Tırnak işaretine alma etiketi

Kelime veya cümle gruplarını tırnak işaretleri içerisine alarak vurgulayabiliriz.
<q> — </q> Etiketleri arasında yazılır.

Kod Kampüsü HTML Dersleri vurgu etiketleri konusu.

Kod belirtme etiketi

Sitenizde eğer kod paylaşıyorsanız, bu kodları diğer metin ve kelime gruplarından ayırmak için ve kod olduğunu belirtmek için bunu kullanabilirsiniz.
<code> — </code> Etiketleri arasında yazılır.

System.out.println("Kod Kampüsü");

Klavye veri girişi etiketi

Programlama dillerinde sıkça kullanılan, kullanıcıdan bir veri girişi alındığı zaman görüntülenecek yazıyı bu şekilde belirtebiliriz.
<kbd> — </kbd> Etiketleri arasında yazılır.

Kbd etiketi yazısı Normal yazı

Adres belirtme etiketi

Yazınız içerisinde bir konum, adres belirtmek isterseniz bu etiket kullanılır.
<address> — </address> Etiketleri arasında yazılır.