<TABLE> Tagı

• BORDER
  Tabloya çerçeve çizer. Çerçeve kalınlığı rakam ile girilir, BORDER="1" gibi. BORDER="0" değeri kullanıldığında çerçeve çizilmez.
• BGCOLOR
  Tablonun zemin rengini belirler. Belirtilen renk tüm tablonun zemin rengi olarak atanır. Hem RGB üçlüsü ve hemde tanımlı renkler kullanılabilir. Kullanımı BGCOLOR="Red" veya BGCOLOR="#DDAA33" şeklinde olabilir.
• BACKGROUND
  Tablo zeminine bir altalan resmi yerleştirir. Bu resimler GIF veya JPG formatında olabilir. Eğer zeminresmi tabloyu dolduramazsa tabloyu doldurana kadar döşenir. Bu özellik kullanıldığında zemin rengi gösterilmez. Fakat resim gösteremeyen browserler için zemin rengide belirtilmelidir. Kullanımı BACKGROUND="zemin.gif" şeklindedir.
• CELLSPACING
  Tablo hücreleri arasındaki boşluğu ayarlar. Kullanımı CELLSPACING="3" gibidir.
• CELLPADDİNG
  Bir hücre içerisindeki bilginin hücre kenarlarına olan uzaklığını ayarlar. Kullanımı CELLPADDING="3" gibidir.
• WIDTH
  Tablonun genişliğini belirtir. Bu değer kullanılmadığında tablo engeniş satırın genişliğinde olacaktır. İki şekilde tabloya genişlik ayarlaması yapılabilir. Birinci yöntem piksel olarak tablo genişliğinin verilmesidir, mesela WIDTH="200" gibi. Diğer yöntem ise browser penceresinin genişliğine oranlamaktır. Mesela pencere genişliğinin yüzde ellisi yani yarısı genişliğindeki bir tablo oluşturmak için WIDTH="50%" değerini gireceğiz. Yüzde işaretinin değerden sonra girildiğine dikkat edin.
• HEIGHT
  Tablonun yüksekliğini belirtir. Bu değer kullanılmadığında bilgilerin bitiminde tablo bitirilir. Eğer tablo yüksekliği verildiğinde bilgiler tablo içerisine sığmazsa tablo yüksekliği yeterince browser tarafından yükseltilir. Değer WIDTH özelliği gibi ya yüzde olarak yada rakam ile girilebilir, HEIGHT="300" veya HEIGHT="70%" gibi.
• ALIGN
  Bu özellik ile tablonun sağ veya sol kenara hizalanması sağlanır. Alabileceği değerler sağ kenara yaslamak için ALIGN="Right" ve sol kenara yaslamak için ALIGN="Left" dir.
• VALIGN
  Bu özellik ile tablo içerisindeki hüzreler hizalanır. Alacağı değerler VALIGN="Top" değeri tablo içerisindeki hücreleri tablonun enüstündan başlatır. VALIGN="Bottom" değeri tablo içeriğini tablonun enalt satırına hizalandırır. Boşluk kalırsa tablonun üst kısmında kalır. VALIGN="Center" ise tablo içeriğinin tablonun enüst ve enalt kısmına göre hizalar, eğer boşluk kalırsa eşit miktarda hem altta ve hemde üstte kalacaktır.

Şimdi bu değerleri kullanarak bir tablo oluşturalım.

 
<TABLE BORDER="1"
    ALIGN="Right" VALIGN="BOTTOM"
    CELLSPACING="10" CELLPADDING="3"
    WIDTH="300" HEIGHT="150" BGCOLOR="Yellow">
<TR>
    <TD> Birinci satır/birinci hücre </TD>
    <TD> Birinci satır/ikinci hücre </TD>
</TR>
<TR>
    <TD> İkinci satır/birinci hücre </TD>
    <TD> İkinci satır/ikinci hücre </TD>
</TR>
</TABLE>

Bu ifadenin sonucu yanda görülüyor.

Tabloyu yatay olarak ortalamak için blok taglar ALIGN="Center" özelliği ile kullanılmalıdır. Bu şekilde kullanımda tablo mesela <DIV> tagı içerisinde kullanılabilir.

Yorumlar (0)

Bu içeriğe ait yorumları masaüstüne alabilirsiniz