HTML Dersleri 3

Merhaba Arkadaşlar ,

Bugün de metin ve görünüm düzenleme kodlarını göstereceğiz.Bu amaçla sitemizin teması renkler birbirleriyle uyuşmalıdır.Yani kırmızı çok içeren sitede lacivert yakışmaz ve bu da sitemize gelen ziyaretçilerin azalmasına neden olur.Ziyaretçilerimizin azalma tek temadan kaynaklanmaz içerik ve sitemizin yavaş açılırsa bu olaydan da ziyaretçilerimizi kaybederiz.Her neyse bu önemliydi hatırlatmak amaçlıydı.Şimdi dersimize başlayalım arkadaşlar...

Metin Düzenleme Etiketleri  

Html etiketleri kullanılarak metinler üzerinde görsel düzenlemeler yapılabilir. Bir metnin rengi, şekli, boyutu vs. üzerindeki değişiklik ve düzenlemelerin html etiketlerini kullanarak nasıl yapılacağına bakalım.


<HX>

<HX> etiketleri, dokümana başlık eklemek için kullanılan etiketlerdir. <hx> etiketindeki “x” ifadesi, 1’den 6’ya kadar değer almaktadır. Sayı azaldıkça yazı büyüklüğünde artış olmaktadır. Buradaki <h1>…</h1> en büyük başlığı, <h6>…</h6> ise en küçük başlığı gösterir.

Önizleme sağ taraftadır.









<HX> ile kullanılacak parametrelerden birisi “align” parametresidir. Align parametresi, Left (sola hizala), right (sağa hizala), center (ortala), justify (iki yanayasla) değerlerini alabilir.

<h1 align=”center”>  Maviindir Web Tasarım </h1> şeklinde yazıldığında “Maviindir Web Tasarım” yazısı sayfaya ortalanmış bir şekilde yazılacaktır.
_________________________________________________________________________________

<B>

İstenilen metni kalın (bold) olarak yazmak için kullanılır.

Kullanımı: <B>…</B> şeklindedir.

Örnek: 

 Maviindir Web Tasarım

_________________________________________________________________________________

 <U>

İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.

Kullanımı : <U>…</U> şeklindedir.

Örnek:

Maviindir Web Tasarım

_________________________________________________________________________________

<I>  

İstenilen metni eğik(italik) olarak yazmak için kullanılır. Kullanımı: <I>…</I> şeklindedir.  

Örnek: 

Maviindir Web Tasarım

_________________________________________________________________________________

<BR>  

Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz.

Örnek: 

Maviindir Web Tasarım , Mavi Tekno ve Mavi Yazılım Teknoloji ve İnternetle İle İlgili Her Şey Maviindir'de...

_________________________________________________________________________________

<P>  

Paragraf oluşturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boşluk bırakarak, metne satır başından devam edilmesini sağlar.

_________________________________________________________________________________

<FONT>  

<FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir.
 
Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.).

Örnek:

<FONT SIZE ="1">Maviindir Web Tasarım</FONT>
<FONT SIZE ="4"> Maviindir Web Tasarım</FONT>
<FONT SIZE ="7"> Maviindir Web Tasarım</FONT>

Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıştır.).

Color : Yazı tipi etiketi içerisinde metnin rengini değiştirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değişikliği yapabilirsiniz.

Örnek :

<FONT size="5" COLOR="aqua">Maviindir Web Tasarım</FONT>
<FONT size="5" COLOR="#FF0000">Maviindir Web Tasarım</FONT>

Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Face : Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır.

Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır.

<font face="Algerian" size="7" color="purple">Maviindir Web Tasarım</font>

Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır. Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

_________________________________________________________________________________

Görünüm Düzenleme Etiketleri 

<HR>

<HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.
Size, çizilen çizginin kalınlığını belirlemek için kullanılır. Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır. Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.  


Örnek :

<hr size=“6” width=”200” align=“center”>

Umarım İşinize Yaramıştır.Bir sonra ki dersimizde görüşmek üzere...