TABLOLAR(TABLE)
<TABLE>...</TABLE>
Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada istediğimiz yerde olmasını sağlamak amaçlarıyla kullanabiliriz. Sayfada gözüksün ya da gözükmesin tabloları bir iskelet gibi kullanabilir, böylece şu ana kadar öğrendiklerinizle yapamayacağınız gerçek düzenlemeyi yapabiliriz. Elbette HTML dizayn konusunda bir masaüstü yayıncılık programının gösterdiği hassasiyeti göstermez, bir de browserların tablo etiketlerini yorumlamada gösterdiği farklılıklar da buna eklenirse, genel ziyaretçi kesimine hitab etmenin ne kadar zor olduğu anlaşılabilir.
Basit bir tablo yapmak için gerekli etiketleri öğrenelim. Öncelikle <TABLE>...</TABLE> etiketlerini yazıyoruz ve arasını doldurmaya başlıyoruz. <TR> etiketi ile satırları <TD> etiketi ile de sütunları oluşturuyoruz. Parametreler:
<TABLE BORDER=".." CELLPADING=".." CELLSPACING=".." ALIGN=".." WIDTH=".." HEIGHT="..">
Border parametresi çerçevenin kalınlığını belirtir. border=0 çerçevenin görünmemesini sağlar. Cellpadding parametresi hücre içi marj değerini belirtir. cellpadding=0 hücre ile içinde bulunan unsurun (metin/grafik) bitişik olmasını sağlıyabilirz.
HTML etiketi Etiketin Web Sayfasındaki görüntüsü
<table border="1" cellspacing="1">
<tr>
<td>hücre1</td> <td>hücre2</td>
</tr>
<tr>
<td>hücre3</td> <td>hücre4</td>
</tr>
</table> hücre1 hücre2
hücre3 hücre4
Align parametresi tabloyu düşey hizalamada kullanılır, align=left sola, align=right sağa dayalı yapar, align=center ortalar. colspanaynı sütundaki hücreleri birleştirmek için de rowspan değişkeni kullanılır. Birleştirilen hücreye ait <td>. . </td> etiketi silinir.
HTML etiketi Etiketin Web Sayfasındaki görüntüsü
<table border="1" cellspacing="1">
<tr>
<td>hücre1</td> <td>hücre2</td><td>hücre3</td>
</tr>
<tr>
<td rowspan="2">hücre4</td> <td colspan="2">hücre5</td></tr>
<tr><td>hücre6</td><td>hücre7</td> </tr>
</table> hücre1 hücre2 hücre3
hücre4 hücre5
hücre6 hücre7
alıntı