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

Samsung S6 İlk Bakış Samsung S6 İlk Bakış

1 Mart 2015, Pazar

SİZDE YORUM YAPIN

AJAX Nedir? Faydaları Nelerdir?

AJAX Nedir? Faydaları Nelerdir? 24 Ocak 2015, Cumartesi

Mootools için Lightbox türevleri

Mootools için Lightbox türevleri 14 Ocak 2015, Çarşamba

HTML’de Script Kullanmak

HTML’de Script Kullanmak 7 Ocak 2015, Çarşamba

Jquery’de Sekmeler

Jquery’de Sekmeler 6 Şubat 2015, Cuma