İlk denememizde sonucu tam olarak görememiş olabilirsiniz, bu nedenle ikinci tablomuzda iki satır ve her satırda ikişer ve toplamda ise dört hücreli bir tablo oluşturacağız. Tablonun daha net belli olması için ise tabloya BORDER özelliği ile çerçeve yerleştireceğiz. Bu özellik <IMG> tagı ile aynı şekilde kullanılır.

Şimdi tablomuzun kodlarını görelim :

 
<!-- Tabloya başlıyoruz -->
<TABLE BORDER="1">
<!-- Birinci satırı oluşturuyoruz -->
<TR>
    <TD> Birinci satır/birinci hücre </TD>
    <TD> Birinci satır/ikinci hücre </TD>
</TR> <!-- Birinci satır sonu -->
<!-- İkinci satırı oluşturuyoruz -->
<TR>
    <TD> İkinci satır/birinci hücre </TD>
    <TD> İkinci satır/ikinci hücre </TD>
</TR> <!-- İkinci satır sonu -->
</TABLE> <!-- tabloyu bitiriyoruz -->

Bu ifadeler ile oluşacak olan tablo aşağıdadır :

Bir tablo oluştururken istediğimiz kadar satır oluşturabiliriz ve yine istediğimiz kadar hücreyi tabloya yerleştirebiliriz. Burada dikkat edilmesi gereken husular şunlardır :

• Bir satır açıldığında mutlaka bitirilmelidir. Aksi halde tablo doğru gösterilmez
• Bir hücre açıldığında mutlaka bitirilmelidir.
• Tüm satırlarda aynı miktarda hücre olmalıdır. Mesela birinci satırda üç hücre tanımlandı ise diğer satırlarda da üçer hücre bulunmalıdır.
• Tablo hücreleri içerisine tablolar, listeler, yazılar veya resimler yerleştirilebilir. Bir hücrenin genişliği aynı hizadaki en geniş hücre ile aynı olacak şekilde browser tarafından ayarlanacaktır.
• Bir satır içerisindeki hücrelerin yüksekliği en yüksek hücreye eşitlenecektir.

Bu açıklamalardan sonra tablo ile ilgili tagları ve özelliklerini görelim.

Yorumlar (0)

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