HTML İçin Temel Metin Etiketi
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.
Burak Kaplan
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 : BURAK
<strong>..</strong> => Metni kalın yapar Örneğin : BURAK
<i>…..</i> => Metni italik (eğik) yapar Örneğin : BURAK
<u>…</u> => Metnin altını çizer Örneğin : BURAK
<strike>…</strike> => Metnin üstünü çizer Örneğin : BURAK
<big>….</big> => Metni büyütür Örneğin: BURAK
<small>…</small> => Metni küçültür Örneğin : BURAK
<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 ?
[stextbox id="alert"] <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> [/stextbox]
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.
[stextbox id="alert"] <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> [/stextbox]
Çıktımız;