|
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 |
|
|