yazi bicimlendirme

 

Eger benimle ve diger web tasarimcilarla haberlesmek istiyorsaniz buraya tiklayarak mailing listeme uye olun

Sitemi Destekleyenler:

Temel Taglarin Kullanilislari

bir onceki sayfada temel taglari ve ne ise yaradiklarini ogrendiniz. Simdi ise gelin temel taglardan basit , ici bos bir web sayfasi olusturalim. asagida basit bir sayfa kodu bulunmaktadir.
<html>
<head><title>sayfanin basligi</title></head>
<body>

 

</body>
</html>

Ornekte <body> taginin icine herhangi bir kod yazilmadigi icin ici bos ve basligi ise "sayfanin basligi" olan bir sayfa olusturmus olduk.

Web Sayfalarinda Renk Belirlemek

html dokumanlarinda renk belirlemek iki sekilde gerceklesir.Bu metodlardan birincisi renk isimlerinin direk olarak girilmesiyle olur.Ornek olarak asagida renk isimleri ve goruntulerine bakiniz.

aqua  black  blue   fuchsia  gray  green  lime  maroon  navy  olive  purple  red  silver  teal 

Ikincisi yontem ise hex kodlaridir.Hex kodlari alti rakam ve basinda birde " # " isareti bulunan kodlardir.Ornek verecek olursak "#000000" siyahi simgelemektedir.Renklerin hex kodlarini herhangi bir html editorunu kullanarak kolayca bulabilirsiniz.Daha once soyledigim gibi kod yazmanizin kolaylasmasini saglamak icin "homesite" gibi bir html editoru kullanin.

Genel Parametreler

  • color: color parametresi icinde kullanildigi tagin rengini belirler.(ornek: color="red" , color="#000000"
  • bgcolor : icinde bulundugu tagin arkaplan rengini belirler.
  • background : icinde kullanildigi tagin arkaplan resmini belirler. temel :(ornek: background="resim.gif")
  • align : icinde kullanildigi tagin sayfadaki yatay yerini belirler.bu parametrenin genel olarak 3 degeri vardir.Bunlar: left,right ve center dir.Left sola, right saga dayali olarak gosterilmesini va center ise ortalanmasini saglar.
  • valign : "vertical align" yani dikey konum anlamina gelmektedir.Icinde bulundugu tagin bicimlendirdigi nesnenin sayfadaki dikey konumunu belirler.Bu parametre genel olarak 3 degere sahiptir : bottom , middle ve top.Botttom asagiya dogru , Top yukari dogru konumlandirilmasinin ve middle ise ortalanmasinin gerektigini tanimlar.
  • border : border parametresi kullanildigi nesnenin etrafinda bordur olusturulmasini saglar.Bu taga sayi degerleri verilir 1,2,3... gibi.Pixel cinsinden degerlendirilir.Eger bu tag kullanilmas ise browser tarafindan 1 olarak kabul edilir.(ornek: border="2")
  • height :yukseklik anlamina gelmektedir ve yuksekligi belirler.Height parametresine yukseklik pixel cinsinden girilir. (ornek = height="30" )

<body> Taginin Parametreleri

Body tagi bir html sayfasinin gorunen butun elemanlarinin kodlarinin icine yazildigi tagdir.Body tagi bir web sayfasini genel olarak bicimlendiren bazi parametrelere sahiptir.bu parametreleri beraber inceleyelim.

  • bgcolor=" " : arkaplan rengini belirler.Bu parametrenin degerleri hex kodu veya yukarida anlatilan renk isimlerinden birisi olabilir.
  • background=" " :Bu parametreyi kullanarak sayfanin arka planinda renk yerine resim kullanabilirsiniz.
  • link=" " : sayfada ki text(yazi) linklerin rengini belirler.
  • alink=" " : link'e tiklandigindaki rengi belirler
  • vlink=" " : daha once ziyaret edilmis linklerin rengini belirler.
  • text=" " : sayfadaki bicimledirilmemis yazilarin rengini belirler.

Body taginda kullanilan temel parametreler bunlardir.Asagidaki ornek body, bu parametrelerin tam olarak nasil kullanildigini anlamaniza yardimci olacaktir.

<body alink="aqua" link="blue" vlink="red" text="black" bgcolor="white">

Yukaridaki ornekte link rengi mavi(blue) olan, ustune tiklandiginde aqua rengine donusen, daha onceden ziyaret edilmis linklerin rengi kirmizi(red) olan, bicimlendirilmemis yazilarin rengi siyah olan ve arkaplan rengi beyaz olan bir sayfa olusturmus olduk.

sonraki sayfa:
yazi bicimlendirme