Mesaj Sayısı
Konular
Kayıt tarihi
NerdenHTML ile tablolar oluşturabilirsiniz.
Örnekler
Tablolar
Tablo Kenarlıkları
Tablolar
Tablolar <table> etiketi ile belirtilir. Bir tablo <tr>
etiketi satırlara bölünür ve her satır da <td> etiketi ile
sütunlara bölünür. <td> etiketinin anlamı "table data"dır. Bir
veri hücresi (data cell) metinler
resimler listeler paragraflar formlar yatay çizgiler tablolar vs. içerebilir.
<table border="1">
<tr>
<td>satır 1 hücre 1</td>
<td>satır 1 hücre 2</td>
</tr>
<tr>
<td>satır 2 hücre 1</td>
<td>satır 2 hücre 2</td>
</tr>
</table>
Çıktısı aşağıdaki gibi olacaktır:
satır 1 hücre 1 satır 1 hücre 2
satır 2 hücre 1 satır 2 hücre 2
Tablolar ve Kenarlık (border) Parametresi
Eğer bir border parametresi belirtmezseniz tablonuz kenarlık olmadan
görüntülenir. Bu bazen yararlı olabilir ama çoğu zaman kenarlıkları
göstermek daha çok işinize yarayacaktır.
Kenarlıkları göstermek için aşağıdaki parametreyi kullanmalısınız:
<table border="1">
<tr>
<td>Satır 1 Hücre 1</td>
<td>Satır 1 Hücre 2</td>
</tr>
</table>
Tablolarda Başlıklar
Başlıklar <th> etiketi ile belirtilir.
<table border="1">
<tr>
<th>Başlık</th>
<th>Başka Başlık</th>
</tr>
<tr>
<td>Satır 1 Hücre 1</td>
<td>Satır 1 Hücre 2</td>
</tr>
<tr>
<td>Satır 2 Hücre 1</td>
<td>Satır 2 Hücre 2</td>
</tr>
</table>
Çıktısı:
Başlık Başka Başlık
Satır 1 Hücre 1 Satır 1 Hücre 2
Satır 2 Hücre 1 Satır 2 Hücre 2
Bir Tabloda Boş Hücreler
Veri içermeyen hücreler bir çok tarayıcıda görüntülenmezler.
<table border="1">
<tr>
<td>Satır 1 Hücre 1</td>
<td>Satır 1 Hücre 2</td>
</tr>
<tr>
<td>Satır 2 Hücre 1</td>
<td></td>
</tr>
</table>
Çıktısı:
Satır 1 Hücre 1 Satır 1 Hücre 2
Satır 2 Hücre 1
Boş hücre etrafındaki iç kenarlıkların görünmediğine dikkat edin.
(Mozilla Firefox bunu görüntüler).
Bundan kurtulmak için ( 
özel karakterlerini boş hücre
içine ekleyerek kenarlıkların görüntülenmesini sağlayabilirsiniz.
<table border="1">
<tr>
<td>Satır 1 Hücre 1</td>
<td>Satır 1 Hücre 2</td>
</tr>
<tr>
<td>Satır 2 Hücre 1</td>
<td> </td>
</tr>
</table>
Çıktısı:
Satır 1 Hücre 1 Satır 1 Hücre 2
Satır 2 Hücre 1
Tablo Etiketleri
Etiketi Açıklama
<table> Tablo
<th> Tablo başlığı
<tr> Satır
<td> Hücre
<caption> Manşet
<colgroup> Hücre grupları
<col> Sütun genişliği
<thead> Tablo başı
<tbody> Tablo body özelliği
<tfoot> Tablonun en alt kısmı
Örnekler
Tablolar
Tablo Kenarlıkları
Tablolar
Tablolar <table> etiketi ile belirtilir. Bir tablo <tr>
etiketi satırlara bölünür ve her satır da <td> etiketi ile
sütunlara bölünür. <td> etiketinin anlamı "table data"dır. Bir
veri hücresi (data cell) metinler
resimler listeler paragraflar formlar yatay çizgiler tablolar vs. içerebilir.<table border="1">
<tr>
<td>satır 1
hücre 1</td><td>satır 1
hücre 2</td></tr>
<tr>
<td>satır 2
hücre 1</td><td>satır 2
hücre 2</td></tr>
</table>
Çıktısı aşağıdaki gibi olacaktır:
satır 1
hücre 1 satır 1 hücre 2satır 2
hücre 1 satır 2 hücre 2Tablolar ve Kenarlık (border) Parametresi
Eğer bir border parametresi belirtmezseniz
tablonuz kenarlık olmadangörüntülenir. Bu bazen yararlı olabilir ama çoğu zaman kenarlıkları
göstermek daha çok işinize yarayacaktır.
Kenarlıkları göstermek için aşağıdaki parametreyi kullanmalısınız:
<table border="1">
<tr>
<td>Satır 1
Hücre 1</td><td>Satır 1
Hücre 2</td></tr>
</table>
Tablolarda Başlıklar
Başlıklar <th> etiketi ile belirtilir.
<table border="1">
<tr>
<th>Başlık</th>
<th>Başka Başlık</th>
</tr>
<tr>
<td>Satır 1
Hücre 1</td><td>Satır 1
Hücre 2</td></tr>
<tr>
<td>Satır 2
Hücre 1</td><td>Satır 2
Hücre 2</td></tr>
</table>
Çıktısı:
Başlık Başka Başlık
Satır 1
Hücre 1 Satır 1 Hücre 2Satır 2
Hücre 1 Satır 2 Hücre 2Bir Tabloda Boş Hücreler
Veri içermeyen hücreler bir çok tarayıcıda görüntülenmezler.
<table border="1">
<tr>
<td>Satır 1
Hücre 1</td><td>Satır 1
Hücre 2</td></tr>
<tr>
<td>Satır 2
Hücre 1</td><td></td>
</tr>
</table>
Çıktısı:
Satır 1
Hücre 1 Satır 1 Hücre 2Satır 2
Hücre 1 Boş hücre etrafındaki iç kenarlıkların görünmediğine dikkat edin.
(Mozilla Firefox bunu görüntüler).
Bundan kurtulmak için
(  özel karakterlerini boş hücreiçine ekleyerek kenarlıkların görüntülenmesini sağlayabilirsiniz.
<table border="1">
<tr>
<td>Satır 1
Hücre 1</td><td>Satır 1
Hücre 2</td></tr>
<tr>
<td>Satır 2
Hücre 1</td><td> </td>
</tr>
</table>
Çıktısı:
Satır 1
Hücre 1 Satır 1 Hücre 2Satır 2
Hücre 1 Tablo Etiketleri
Etiketi Açıklama
<table> Tablo
<th> Tablo başlığı
<tr> Satır
<td> Hücre
<caption> Manşet
<colgroup> Hücre grupları
<col> Sütun genişliği
<thead> Tablo başı
<tbody> Tablo body özelliği
<tfoot> Tablonun en alt kısmı