HTML Biçimlendirme Etiketleri

HTML dosyamızdaki metinleri biçimlendirirken (kalınlık, sağa yatık yazma, vurgu vb.) çeşitli kodlardan yararlanırız. Bunların birbirinden farklı en önemlilerine aşağıdaki listeden ulaşabilirsiniz. Tüm metin biçimlendirme çeşitleri ise aşağıdaki örnekte verilmiştir.

HTML, metini koyu veya itelik yapmak için bir çok tanımlama biçimi barındırır.

Metin Biçimlendirme Etiketleri

 

Etiketler Açıklamalar
<b> Kalın, Koyu yazmak için kullanılır
<big> Büyük yazı için kullanılır
<em> Vurgulanmış yazı için kullanılır
<i> İtalik yazı için kullanılır
<small> Küçük yazı için kullanılır
<strong> Güçlü, kalın yazı için kullanılır.
<sub> Alt yazmak için kullanılır
<sup> Üst yazmak için kullanılır
<ins> Altı çizili metin
<del> Üstü çizili metin

Şimdi bu kodları örnekleyelim;

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Biçimlendirme</title>
 </head>
 <body>
  <b>Kalın yazı</b><br />
   <i>İtalik yazı</i><br />
   <del>Üstü çizili yazı</del><br /><br />
   Normal Metin <sub>Yazı hizasının altında küçük yazı.</sub><br />
   Normal Metin <sup>Yazı hizasının üstünde küçük yazı.</sup><br />
   <big>Büyük yazı</big><br />
   <small>Küçük yazı</small><br />
   <em>Vurgulu yazı</em><br />
   <strong>Güçlü, Kalın yazı</strong><br />
   <ins>Altı çizili yazı</ins><br />
 </body>
</html>

Kodların görünümü

Kalın yazı
İtalik yazı
Üstü çizili yazı

Normal Metin Yazı hizasının altında küçük yazı.
Normal Metin Yazı hizasının üstünde küçük yazı.
Büyük yazı
Küçük yazı
Vurgulu yazı
Güçlü, Kalın yazı
Altı çizili yazı

Diğer Biçimlendirme Etiketleri

 

Tag Açıklama
<code> Programlama dili metni
<kbd> Klavye metni
<samp> Örnek bilgisayar kodu metni
<tt> Tele tip metin
<var> Değişken
<pre> Biçimlendirilmemiş metin
<abbr> Kısaltma
<acronym> Baş harfler ile kısaltma
<address> Adres öğesi
<bdo> Metin yönü
<blockquote> Uzun alıntı
<q> Kısa alıntı
<cite> Alıntı
<dfn> Tanımlama terimi

 

DAHA FAZLA İÇERİK

SİZDE YORUM YAPIN

HoverBoard: Kaykayların Evrimi

HoverBoard: Kaykayların Evrimi 13 Aralık 2014, Cumartesi

Samsung Gear S2 Fiyatı ve Özellikleri

Samsung Gear S2 Fiyatı ve Özellikleri 28 Kasım 2015, Cumartesi

Honor 7i: Dönebilen Kameralı Telefon

Honor 7i: Dönebilen Kameralı Telefon 20 Ağustos 2015, Perşembe