Tablolar

Tablolar, HTML sayfasýnda listeler ve þablonlar hazýrlamak dýþýnda, resimleri ve metinleri sayfa içerisinde istenilen bölgelere yerleþtirmek ve bunun gibi bir çok alanda kullanýlýrlar. HTML 3.2 ile birlikte pek çok yeni özelliðe kavuþan ve daha görsel hale getirilen tablolar konusunu iyi öðrenen bir webmaster, hayalgücü ile tasarladýðý "TÜM" sayfalarý tablolar yardýmý ile oluþturabilir.
<TR>,<TD>,<TH> ve bunlarý kapatma taglarýyla birlikte kullanýlan <TABLE...> tag'ýnýn genel kullanýmý þöyledir:

<TABLE BORDER=X CELLPADDING=X CELLSPACING=X WIDTH=[% veya X] HEIGHT=[% veya X] BGCOLOR=X BACKGROUND="X">

BORDER deðiþkenine verilecek 0 veya daha üstü bir deðer tablonun kalýnlýðýný belirler. CELLPADDING deðiþkenine verilebilecek herhangi bir sayý, tablonun sýnýrlarý ile tablo içeriði arasýndaki mesafeyi, CELLSPACING ise hücreler arasýndaki mesafeyi belirler.
WIDTH ve HEIGHT deðiþkenleri bir yüzde deðeri veya bir sayý olabilir. WIDTH=590 deðeri verildiðinde 640*480 çözünürlükte ekranýn tüm geniþliðini kaplayacak bir tablo oluþturulur. WIDTH=%50 deðerini verildiðinizde ise Web tarayýcýnýz o tablonun her zaman ekran geniþliðinin yarýsýný kaplamasýný saðlar.
<TABLE> tag'ýnýn içerisinde kullanýlan BGCOLOR deðiþkeni tablonun fon rengini tayin eder. X deðeri geçen aylarda deðindiðimiz HEX kodlarýndan (#FFFF00) veya renk isimlerinden (white, olive...) biri olmalýdýr. Tablonuz daha canlý ve profesyonel görünsün istiyorsanýz, arka fonuna bir GIF veya JPG resmini de BACKGROUND ekini kullanarak döþetebilirsiniz.
Gelelim tablonun oluþturulmasýna. Genel prensip þudur: <TABLE> tag'ýyla tabloya baþladýktan sonra her satýrý oluþturmak için <TR>, her sütunu oluþturmak için ise <TD> tag'ýný kullanmalýsýnýz. Aman bu taglarý kullanýyorsanýz her satýrýn sonuna </TR> ve her sütunun sonuna </TD> tag'larýnýn koymayý unutmayýn!
Bir diðer durum da, herhangi bir hücrenin yanýndaki iki ya da daha çok hücreyi enine ya da boyuna doðru içine almasýdýr ki bu iþlemi yapmak için <TD [COLSPAN=X, ROWSPAN=X]> veya <TR [COLSPAN=X, ROWSPAN=X]> ekleri kullanýlýr. Örneðin 2 satýr ve 2 sütunlu 1.tablonun oluþturulmasý için aþaðýdaki kodlara ihtiyaç vardýr, bu kodlar ayný zamanda COLSPAN ve ROWSPAN eklerini de anlatmaktadýr.

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=3>
<!---Bu kodlarla, çerçeve kalýnlýðý 1, hücreler arasý boþluðu 2, hücre ile yazý aralýðý 3 olan yeni bir tablo oluþturuyoruz.--->
<TR><TH COLSPAN=2> <!---iki kolonu içine alacak, yazýlar kalýn olacak ve ortalanacak (yani baþlýk olacak) --->

Tablo Örneði:

</TR></TD><TR><TD>
deneme1
</TD><TD> <!-- yeni bir kolona baþlýyoruz... -->
deneme2
</TR></TD><TR><TD>
deneme3
</TD><TD> <!-- yeni bir kolona baþlýyoruz... -->
deneme4
</TD></TR></TABLE> <!-- tüm tag'larý kapatýp tabloyu sonlandýrýyoruz. -->

Eðer renkli tablolar elde etmek isteseydik <TABLE .... ifadesinin yanýna BGCOLOR="#FFFF80", <TD.. ifadesinin yanýna ise BGCOLOR="#000080" eklerini girmeniz gerekecekti.