tabLoLar_tableTAGi.htm

<TABLE> Tagı

Bu tag tablo oluşturmak için kullanılır. Tablonun ilk elemanıdır ve bu tagın bitiş tagı ile tablo bitirilir. Özellikleri :

  • 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.

Birinci satır/birinci hücre Birinci satır/ikinci hücre
İkinci satır/birinci hücre İkinci satır/ikinci hücre

ALIGN="Right" değerini kullandığımızdan tablo sağ kenara hizalandı ve bizde sol kenarda kalan boşluğu değerlendirdik. Bu gibi kullanımlar bize ileride sayfa düzenlemesi yaparken gerekli olacaktır. Bu işlev tabloların kullanıldığı ikinci alandır. Sayfa düzenlemesi için sıkça kullanılırlar.

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.

Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol