• Şuradasınız
  • Anasayfa
  • Html
  • Html için Temel Metin Etiketleri

Html için Temel Metin Etiketleri

Metin etiketlerinden kasdettiğimiz,yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi,yazı tipi,font büyüklüğü gibi özellikleridir.Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET 

<strong>..</strong>            => Metni kalın yapar                  Örneğin : MEHMET 

<i>…..</i>                          => Metni italik (eğik) yapar     Örneğin : MEHMET 

<u>…</u>                          => Metnin altını çizer                 Örneğin : MEHMET 

<strike>…</strike>               => Metnin üstünü çizer             Örneğin : MEHMET 

<big>….</big>                    => Metni büyütür                        Örneğin: MEHMET 

<small>…</small>                 => Metni küçültür                       Örneğin : MEHMET 

<sub>….</sub>                   => Metne alt yazı ekler              Örneğin : X2

<sup>….</sup>                   => Metne üst yazı ekler             Örneğin : X2

 

Buraya kadarki kısımda yazının renk özelliklerinden bahsetmedik.Onu ise <font>..</font> etiketleri ile yapıyoruz

Bu etiketin en önemli 3 özelliği vardır.Bunlardan 1.si color( renk )  2.si  size( boyut )  3.sü face( yazı stili ) Peki kullanımı nasıl ?

<html>
  <head>
    <title>Metin Özellikleri</title>
  </head>
   <body>
     <font color="red">Burası KIRMIZI renk</font>
     <br/>
     <font color="pink" size="1px"> Burası Pembe VE 1 PİKSEL</font>
     <br/>
     <font color="orange" size="5px" face="Arial">Burası Turuncu,5 Piksel,Arial Fontlu</font>
  </body>
</html>

Bu kodları Notepad de yazıp uzantısını .htm veya .html olarak kaydedip tarayıcınızda açtığınızda çıktınız aşağıdaki gibi olacaktır

 

 

Htmlde çok sık kullanılan yapılardan biri de başlıklardır.Başlıkları kullanabilmemiz için gereken etiket <h?> etiketidir.Bu etiketin işlem bittikten sonra kapanması gerekir.Soru işareti (?) kısmına 1 den 6 ya kadar sayılar yazılabilir.1 yazarsak en büyük fontta,6 yazarsak en küçük fontta başlık yazar.Yani 1 den 6 ya doğru gittikçe başlık boyutu küçülür. Konunun daha iyi anlaşılması açısından buna bir örnek verelim

<html>
   <head>
     <title>Başlıklar</title>
   </head>
   <body>
      <h1> Başlık 1 </h1>
      <h2> Başlık 2 </h2>
      <h3> Başlık 3 </h3>
      <h4> Başlık 4 </h4>
      <h5> Başlık 5 </h5>
      <h6> Başlık 6 </h6>
   </body>
</html>

Çıktımız;

 

h etiketinin kullanımı

Benzer Yazılar

Henüz yorum yapılmamış

Yorum Yazın

Su elementleri kullanabilirsiniz : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Arama
RSS
Beni yukari isinla