Php & Resources

Günlük hayatta tabloları veri sunumu ve düzenlemesi için sıklıkla kullanıyoruz. Bu gereklilik nedeniyle Htmlde de tablo kullanımı için bir tag geliştirilmiştir. Bu tag <TABLE> tagıdır. Bu tag ile istediğimiz tabloları oluşturabiliriz.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>