Günün Sözü


Günün Sözü

19 Haziran 2009 Cuma

"Gömleğin bir düğmesi yanlış iliklensin, diğerleri de yanlış olur."


Reklam Siteye Destek

İçin Reklamı Tıklayın

--------------------------


•Bilgi-avim


Pagerank


 


BiLgi Dünyası

Blok Düzenleme Tagları - Paragraf

Blok Düzenleme Tagları - Paragraf

Blok Düzenleme Tagları

Html belgesi içerisinde belli bir alana etki eden taglara tanımlanmıştır. Bu taglardan bir kısmını bu bölümde inceleyeceğiz.

Paragraf verme

Bir sayfa içerisinde paragraf kullanımı için <P> tagını kullanıyoruz. Bu tagın bitiş tagı olarak </P> tanımlanmış olmakla beraber seçimliktir. İstenirse kullanılmayabilir.

Sayfa içerisinde dilediğimiz zaman <P> tagını kullanarak paragraf oluşturabiliriz. Bu tagın etkisi bulunulan satırı bitirmek, sonra bir sonraki satırı boş bırakarak satır başı yapmaktan ibarettir. Bir örnek üzerinde görelim :


<HTML>
<HEAD>
<TITLE> Paragraf kullanımı</TITLE>
<META HTTP-EQUIV="Content-Type"
         CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
Sayfa içerisinde sıklıkla paragraf kullanıyoruz.
HTMLde paragraf kullanımı için P tagını kullanıyoruz.
<P>Bu tagın etkisi bulunulan satırı bitirmek ve
bir sonraki satırı boş bıraktıktan sonra diğer satırın
başından yazmaya devam etmek şeklinde görülecektir.</P>
<P>Çoğu html tagında olduğu gibi bu tagın bir başlangıç
ve birde bitiş tagı bulunmaktadır. Fakat bununla birlikte
bu tag için tanımlanan bitiş tagı seçimliktir. Dilenirse
kullanmamakta bir sorun yoktur.
<P>Fakat standartlara uymak için herzaman bu tagı
bitirmekte fayda vardır. Seçim sizin.</P>
</BODY>
</HTML>

Bu ifadeleri paragraf.htm olarak kayıt edin ve çalıştırın. <P> tagının kullanım şeklini daha iyi anlayacaksınız. Bu örneğimizi görmek için tıklayınız.

<P> tagının özelliklerine geçersek bu tagın en çok kullanılan ALIGN özelliğinin olduğunu göreceksiniz. Bu özellik ile paragraf içerisindeki satırların konumu ayarlanır. Kullanacağımız değerler ve etkileri şöyledir :

  • Left
    Paragraf içerisindeki elemanları sol kenardan başlatır. Boş <P> tagı ile aynı etkiyi gösterir.
  • Right
    Paragraf içerisindeki elemanları sağ kenara bitişik yazdırır. Paragraf sağdan başlar ve içerisindeki elemanlar sağ kenara bitişik olur.
  • Center
    Paragraf içerisindeki elemanların hem başlangıçlarını ve hemde bitişlerini kenarlara göre ortalar. Paragraf içerisindeki elemanlar iki kenara ortalanmış gösterilir.
  • Justify
    Bu değer ile paragraf içerisindeki satırlar iki kenarada dayalı gösterilir. Böylece paragraf sonlarındaki boş bölümler oluşmaz. Bunun için gerekirse otomatik olarak browser harfler ve kelimeler arasındaki boşlukları genişletir veya daraltabilir.

Yukarıda gördüğümüz örneğe bu özellikleri katarak tekrar deneyelim ve sonucu görelim :


<HTML>
<HEAD>
<TITLE> Paragraf kullanımı</TITLE>
<META HTTP-EQUIV="Content-Type"
         CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
Sayfa içerisinde sıklıkla paragraf kullanıyoruz.
HTMLde paragraf kullanımı için P tagını kullanıyoruz.
<P ALIGN="Left">Bu tagın etkisi bulunulan satırı bitirmek ve
bir sonraki satırı boş bıraktıktan sonra diğer satırın
başından yazmaya devam etmek şeklinde görülecektir.</P>
<P ALIGN="Right">Çoğu html tagında olduğu gibi 
bu tagın bir başlangıç ve birde bitiş tagı bulunmaktadır. 
Fakat bununla birlikte bu tag için tanımlanan bitiş tagı 
seçimliktir. Dilenirse kullanmamakta bir sorun yoktur.
<P ALIGN="Center">Fakat standartlara uymak 
için herzaman bu tagı bitirmekte fayda vardır. 
Seçim sizin.</P> <P ALIGN="Justify">Justify 
özelliği dikkatli kullanılmazsa bozuk bir görüntü oluşturabilir. 
Çünkü browser satırları iki kenara bitiştirmeye
uğraşacağından kelimeler ve harfler arasında çok fazla boşluk bırakabilir.
Bu ise istenmeyen bir görüntüye neden olabilir.</P>
</BODY>
</HTML>

Yukardaki ifadeleri deneyerek sonucu görün ve bu özellikleri anlamak için kendiniz birkaç deneme yapın. Çünkü bu özellikleri başka taglarda da kullanacağız.

Sonucu görmek için tıklayınız.


 

dizilerWebmasterim.ComGenelSiteni EkleHit-Kurdu

Site EkLe, Hit Kazan, Toplist, Hit Al, Hit Kazan Google Toplist, Googlelist, Google ListAradur.com | Arama Motoru

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol