Bir Web sitesi tasarlamak belkide web sitesinin kod kismi kadar önemli bir noktasidir. Çünkü kullanicilar ve üyeleriniz sitenin nasil yazildigina degil nasil bir arayüze sahip oldugunu daha çok önemser.
Bu nedenle bir Web sitesi tasarlamak yeri geldiginde görsellik becerilerinizin ne kadar iyi olmasina bagli olarak zor bir kisimdir. Bu sebep ile ilk önce tablo mantigini sizlere anlatmak istiyorum ve makalenin ikinci kisminda kullanim sekillerini ve nasil tablo olusturucaginiza deyinecegim.
Öncelikli olarak tablo özelliklerini bilmemiz gerek. Asagidaki tablo ve içerisindeki özelliklerin açiklamalari verilmistir. Bu özellikler bir tablonun temel degiskenleridir ve kesinlikle bilinmesi gerekir.
<TABLE
ALIGN="LEFT|RIGHT"
BGCOLOR="color"
BORDER="value"
CELLPADDING="value"
CELLSPACING="value"
HEIGHT="height"
22
WIDTH="width"
COLS="numOfCols"
HSPACE="horizMargin"
VSPACE="vertMargin"
>
...
</TABLE> seklinde kullanilmaktadir.
ALIGN: Tablonun web sayfasi içinde ki konumunu belirler.
BGCOLOR: Tabloya zemin rengi verir.
BORDER: Tabloya çerçeve verir .
CELLPADDING: Hücre duvarinin içerige uzakligini belirtir.
CELLSPACING: Hücrelerin arasina uzaklik verir.
COLS: Tablonun içinde ki sanal sutun sayisini belirtir.
HSPACE: Tablonun sag ve sol duvarlarinin içinde kalacak uzakligi belirler.
VSPACE: Tablonun alt ve üst duvarlarinin içinde kalacak uzakligi belirler.
CAPTION Tagi
<TABLE> taglari arasinda kullanilir.
<CAPTION ALIGN="BOTTOM"|"TOP">...</CAPTION> kullanim sekli budur. Bu kullanimda
ALIGN ifadesi basligin tablonun neresine yazilacagini belirler. BOTTOM basligi tablonun dibine yerlest-irirken TOP tepeye koyacaktir.
TR Tagi
Bir TABLE taglari içerisinde kullanilan bu tag tablo içerisinde ki satir tanimini yapmanizi saglar.
<TR
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
>
...
</TR> kullanim sekli budur.
ALIGN: Her hangi bir satirin içerisindeki bilgilerin yatay olarak hücre içerisine nasil yerlestirilec-egini belirler.
VALIGN: Her hangi bir satirin içerisindeki bilgilerin dikey olarak hücre içerisine nasil yerlestirilec-egini belirler.
BASELINE: Hücrenin alt çizgisi üzerine gelecek sekilde yerlestirir.
BOTTOM: Hücrenin altina yerlestirir.
MIDDLE: Hücre içerisinde ortaya yerlestirir.
TOP: Hücre içerisinde tepeye gelecek sekilde yerlestirir.
BGCOLOR: Bu satir için uygulanacak zemin renginin kodunu ya da adini vermenizi saglar.
TD Tagi
Bir TABLE taglari içerisinde kullanilan bu tag tablo-satir içerisinde ki hücrelerin tanimini yapman-izi saglar.
<TD
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
COLSPAN="value"
ROWSPAN="value"
HEIGHT="pixelHeight"
WIDTH="pixelWidth"
NOWRAP="value"
>
...
</TD> kullanim sekli budur.
ALIGN: Hücre içerisinde bilginin yatay konumda nereye yerlestirilecegini belirler.
VALIGN: Hücre içerisinde bilginin dikey konumda nereye yerlestirilecegini belirler.
BGCOLOR: Hücrenin Zemin Renginin ne olacagini ayarlar.
COLSPAN: Tablo içinde ki hücrenin yatay yayilmasini saglar . colspan:3 dedigimizde 1 hücre 3 sütuna yayiliyor demektir.
ROWSPAN: Tablo içinde ki hücrenin dikey yayilmasini saglar . rowspan:3 dedigimizde 1 hücre 3 sütuna yayiliyor demektir.
HEIGHT hücrenin yüksekligini WIDTH ise hücrenin genisligini belirtmemizi saglar.
NOWRAP: Yazilan içerigin hücre içinde kalmasini bir baska hücreye geçmemesini saglar.
TH Tagi ile tabloda satir ve sütun basliklari yapabiliriz.
<TH
ALIGN="CENTER|LEFT|RIGHT"
VALIGN="BASELINE|BOTTOM|MIDDLE|TOP"
BGCOLOR="color"
COLSPAN="value"
ROWSPAN="value"
HEIGHT="pixelHeight"
WIDTH="pixelWidth"
NOWRAP
>
...
</TH> kullanim sekli budur.