Tablo Hazırlama
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>
Bu ifadenin sonucunda aşağıdaki tablo oluşacaktır :
Birinci satır/birinci hücre |
Birinci satır/ikinci hücre |
|