TABLE'de Kullanılan Özellikler, terimler ve terimlerin anlamları, webmasterların sıkça kullandığı terimler, table table

kadınca · #1 08-02-2008

TABLE deyince aklınıza ne geliyor arkadaşlar

benim aklıma masa geliyor

bu yazımda sizlere sıksık kullandığımız ya da kullanacağımız terimler ve anlamlarını yazmak istedim

::BORDER:kenarlık boyutunu ifade eder.Tablonun kenarlığını belirtmek için kullanılır. kenarlık istemezseniz 0 yazabilirsiniz. Örnek Kullanım: BORDER=0

::CELLSPACING ve CELLPADDING: Cellpadding sütun genişliği, cellspacing satır genişliği olarak ifade edilir. bunlar olmasın derseniz 0 yazabilirsiniz.sayılar büyüdükçe sütun pencerelerine düşen alan azalmaktadır.

::BGCOLOR: Tablonuzun arkaplan rengini ifade eder. Hex kodları olarak (#FFFFFF gibi) ya da ingilizce olarak renkleri yazabilirsiniz.TD(Sütun) içinde kullanımı daha yaygındır. Örnek Kullanım: BGCOLOR=#33CCFF

::BACKGROUND: Tablonuzun arkaplan resmini ifade eder. Bu gif, jpg.. gibi herhangi bir resim olabilir. Tablonuzun arkaplanında bu görünecek.

::WIDTH: Tablonun yatay genişliğini ifade eder. Bunu piksel olarak belirtebilirsiniz. Kullanılan piksel deyimi 800x600 gibi ekran çözünürlüklerinde kullanılanın aynısıdır. Diğer bir kullanım yolu yüzde olarak belirtmektir. Örneğin WIDTH=40% şeklinde kullanırsak tablo tüm alanın %40'ını kullanacak demektir.

::HEIGHT: Tablonun yüksekliğini ifade eder. Eğer bu kullanılmazsa yükseklik nesnelerin boyuna göre ayarlanacak kullanılırsa piksel ya da yüzde olarak belirtilebilinecektir

kolay gelsin arkadaşlar

:::teknohaberci:::

kadınca · #2 08-02-2008

Aşağıdaki örnekte TABLE'nin özellikleri bir arada kullanılmıştır.

Kod:

<TABLE BORDER=1 CELLSPACING=1 CELLPADDING=1
    WIDTH=300 HEIGHT=100 BGCOLOR=#0000C0 BACKGROUND="ARKA.JPG">
<TR><TD>nesneler</TD></TR> </TABLE>

Alıntı:

TR(Satır)'de Kullanılan Özellikler

HEIGHT: Tüm tablo içinde bu satırın yüksekliğini belirleyebilirsiniz. Piksel ya da yüzde olarak. Eğer TABLE'de belirtilen yükseklik TR'lerin toplamından azsa buradakiler geçerli olacaktır. Bu nedenle TABLE'de Height kullanmaya gerek yok. Burada kullanın yeterli..

BGCOLOR ve BACKGROUND: Eğer TD(Sütun)'de bu kod kullanılmadıysa arkaplan veya resim belirlenebilir.

Kod:

<TABLE>
<TR HEIGHT=100>
<TD>nesneler</TD></TR>
</TABLE>

TD(Sütun)'de Kullanılan Özellikler

WIDTH: Sütunun genişliğinin belirtilmesidir. Eğer bir satırda birkaç sütun kullanacaksanız boyutlarını buradan ayarlayabilirsiniz. Piksel ya da yüzde olarak belirtebilirsiniz. Aşağıdaki örneği inceleyin.

Kod:

<TABLE BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR HEIGHT=100>
<TD WIDTH=100>Hücre 1</TD>
<TD WIDTH=150>Hücre 2</TD>
<TD WIDTH=200>Hücre 3</TD>
</TR>
</TABLE>  



Hücre 1
100 px Genişliğinde Hücre 2
150 px Genişliğinde Hücre 3
200 px Genişliğinde

BGCOLOR ve BACKGROUND: Sütun içinde BGCOLOR ile bir renk ya da BACKGROUND ile bir resim kullanabilirsiniz. Arkaplanın nasıl görüneceğini belirtir. TABLE ve TR'de ne kullanılırsa kullanılsın, Her zaman en küçük birim olan TD'de bu özellik geçerlidir.

ALIGN: Hücrenin hizasıdır. Sağa(RIGHT), Sola(LEFT) ya da Ortalanmış(CENTER) olabilir. Örnek Kullanım: ALIGN=CENTER

VALIGN: Hücrenin dikey yöndeki hizasıdır. Yukarıdan(TOP), Aşağıdan(BOTTOM) ya da Ortalanmış(MIDDLE) olabilir. Örnek Kullanım: VALIGN=TOP

CLASS: Formatlanmış bir yazı tipi, renk, kalınlık kullanacaksak CLASS komutunu kullanırız. Yalnız CLASS'den sonra mutlaka STYLE bölümünde tanıtılmış bir isim kullanırız (Style ve CSS konularına sonra bakacağız). Örnek Kullanım: CLASS=METIN

ID: Linklerinden, yazı tiplerine, kalınlıklarına.. Her özelliğini TD'lere özel olarak belirttiğimiz şekilde kullanmamıza yarar. (Sonraki konularda işleyecez)

Aşağıdaki örnekte 2 satır(TR) ve 2 sütun(TD) toplam 4 hücreden oluşmuş bir tablonun kodları ve görünümü var.

Kod:

<TABLE BORDER=1 CELLSPACING=1 CELLPADDING=1 WIDTH=200 HEIGHT=100>
<TR HEIGHT=50>
<TD WIDTH=100>Hücre 1</TD>
<TD WIDTH=100>Hücre 2</TD>
</TR>
<TR HEIGHT=50>
<TD WIDTH=100>Hücre 3</TD>
<TD WIDTH=100>Hücre 4</TD>
</TR>
</TABLE>