Tablo Hazırlama

Tablo oluşturmak için sadece <TABLE> tagı değil bu tag içerisinde başka taglarda oluşturacağız. Genel olarak bir tablo satırı oluşturmak için <TR> ve bir tablo hücresi oluşturmak için <TD> tagını kullanacağız. Öncelikle basit bir tabloyu nasıl oluşturduğumuzu görelim ve sonrada ilgili tagları ve özelliklerini inceleyelim ; ilk olarak tek satırlı ve iki hücreli bir tablo oluşturacağız :

Bir tabloyu oluşturmak için ilk olarak <TABLE> tagı ile başlangıç yapıyoruz ;

 
<TABLE>

Sonra ilk satırı açıyoruz. bunun için ise <TR> tagını kullanacağız ;

 
<TR>

Tablo satırlarına hücreleri yerleştirmemiz gerekiyor, hücreleri <TD> tagı ile oluşturuyoruz. Bir hücreyi oluşturduktan sonra içerisine girmemiz gereken bilgiyi yerleştiriyoruz, bu bilgiler resim, yazı veya başka bir eleman olabilir. Gerekli bilgiyi girdikten sonra </TD> tagı ile hücreyi kapatıyoruz ;

 
<TD>
Birinci satır/birinci hücre
</TD>

Hücre bittikten sonra varsa aynı yöntem ile diğer hücreleri giriyoruz. Bu örneğimizde iki hücre olduğundan diğer hücreyi de oluşturuyoruz ;

 
<TD>
Birinci satır/ikinci hücre
</TD>

Satır içerisindeki hücreler bittikten sonra satırı kapatıyoruz ;

 
</TR>

Eğer varsa diğer satırları yerleştiriyoruz, bu örneğimizde tek satır olduğundan bu aşamayı bitiriyoruz ve sonra tabloyu kapatıyoruz ;

 
</TABLE>

Bir tablo oluşturmak için yapmamız gerekenler kısaca bunlar. Şimdide tüm ifadeyi birlikta yazalım :

 
<TABLE>
<TR>
    <TD> Birinci satır/birinci hücre </TD>
    <TD> Birinci satır/ikinci hücre </TD>
</TR>
</TABLE>

Bu ifadenin sonucunda aşağıdaki tablo oluşacaktır :

Yorumlar (0)

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