HTML'de Metin Biçimlendirme - Metin Formatları

by trustix


Eklenme Tarihi : 15 Aralık 2020 13:46 Views:     180



Web sayfalarında metinsel içerikler oluşturulurken belli durumlarda farklı metin biçimlerine ihtiyaç duyulur. Bir alıntı söz bazen italik yazılır, konunun önemini anlatan madde kalın yazılır ya da metnin oluşturulduğu tarih diğerlerinden daha küçük olabilir. Bu ya da buna benzer sebeblerle HTML'de kullanılmak üzere belli başlı etiketler/elementler bulunur. Burada bunların birçoğuna değinmeye çalışacağız.

Öncelikle biçimlentirme etiketlerini bir liste olarak verelim daha sonra sırasıyla örnekler üzerinden etiketleri incelemeye çalışırız.

  •  İtalik metinler için <i>
  • Kalın metinler için <b>
  • Güçlü ve önemli metinler için <strong>
  • Vurgulanan metinler için <em>
  • İşaretli metinler için <mark>
  • Normalden küçük metinler için <small>
  • Alt simge metinler için <sub>
  • Üst simge metinler için <sup>
  • Silinen metinler için <del>
  • Eklenen metinler için <ins>

 

etiketleri kullanılmaktadır.

HTML'de İtalik Metinler - <i> Elementi

<body>

        <i>İtalik Metin Örneği</i>

</body>

 

HTML'de Kalın Metinler - <b> Elementi

 

Buraya kadar italik ve kalın metinleri inceledik. Diğer bütün etiketleri tek örnek içerisinde inceleyerek aralarındaki farkı da anlayabiliriz.

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html - Metin Biçimlendirme </title>
</head>
  
<body>


        <strong> Güçlü ve önemli metin Örneği </strong> <br> <br>
        <em>  Vurgulanan metin Örneği  </em><br> <br>
        <mark>İşaretli metin Örneği </mark><br> <br>
        <small>   Normalden küçük metin Örneği</small><br> <br>
        <p>Alt metin örneği --> H<sub>2</sub>O</p><br> <br>
        <p>Üst metin örneği --> x<sup>2</sup></p><br> <br>
        <del>Silinen metin Örneği  </del><br> <br>
        <ins>   Eklenen metin Örneği </ins><br> <br>

       

</body>
</html>




Önceki İçerik


0

Yorum Formu

vikikod.com    © 2019