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

Sitemi Destekleyenler:

Tablolar

Web sayfalarinda elementlerin (yazi, resim , animasyon...) istenildigi yere yerlestirilmesi tablolar kullanilarak yapilir.Tablolar web sayfalarinin can damaridir ve guzel bir tasarimin temelini olusturur bu yuzden tablolari iyi ogrenmelisiniz.

Basit bir tablo kolanlardan ve dizilerden olusur ve bunlarin kestikleri alana hucre denir. ornek :

1.dizi 1.kolon	1.dizi 2. kolon
2.dizi 1.kolon	2. dizi 2.kolon

Ornekte goruldugu gibi dikey hucreler kolonu ve yatay hucreler ise dizi' yi olusturur.asagidaki sekilde kolon ve dizi yi daha iyi anlayabilirsiniz.

<table> (tablo) tagi ve parametreleri

tablo'lar <table> tagi kullanilarak yapilir. Bu taga atanacak parametrelerle ; tablonun genisligini, arkaplan rengini (veya resmini) , sayfanin neresine dayali olacagini , kenar genisligini... belirleyebilirsiniz. Simdi bu genel parametreleri inceleyelim.

background : bu parametre tablonun arkapilan rsmini belirlemenizi saglar. Bu parametrenin genis aciklamasi icin Genel parametreler sayfasina bakiniz.

bgcolor : bu parametre tablonun arkapilan rengini belirler.

align : bu parametre tablonun sayfa uzerindeki yatay konumunu belirler. Bu parametreyle ilgili genis aciklama icin genel parametreler bolumune bakiniz

valign : bu parametre ise tablonun sayfa uzerindeki dikey konumunu belirler.Genis aciklama icin tiklayiniz.

border : bu parametrenin genis aciklamasi icin tiklayiniz.

bordercolor : bu parametre tablonun bordurunun rengini belirler...

bordercolordark : bu parametre tablonun etrafindaki bordurun asagi ve sag kenarlarindaki rengi belirler.

bordercolorlight : bu parametre ise yukari ve sol kenarlarin rengini belirler. Ornek :

cellspacing : bu parametre tablodaki hucreler arasindaki boslugu belirler ve pixel cinsinden deger verilir.

cellpadding : bu parametre hucre ile tablo arasindaki boslugu belirler pixel cinsinden deger verilir.

cellspacing , cellpadding ve border birimlerini daha iyi anlayabilmeniz icin asagidaki sekli inceleyiniz.