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.ÖR1:
HTML:
<table border="1">
<tr>
<td>Satır 1, Bölüm 1</td>
<td>Satır 1, Bölüm 2</td>
</tr>
<tr>
<td>Satır 2, Bölüm 1</td>
<td>Satır 2, Bölüm 2</td>
</tr>
</table>
Tablolar ve Kenarlık
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.ÖR2:
HTML:
<table border="1">
<tr>
<td>Satır 1, Bölüm 1</td>
<td>Satır 1, Bölüm 2</td>
</tr>
</table>
RESİM2:
Tablolarda Başlıklar
Başlıklar <th> etiketi ile belirtilir.ÖR3:
HTML:
<table border="1">
<tr>
<th>Başlık</th>
<th>Başka Başlık</th>
</tr>
<tr>
<td>Satır 1, Bölüm 1</td>
<td>Satır 1, Bölüm 2</td>
</tr>
<tr>
<td>Satır 2, Bölüm 1</td>
<td>Satır 2, Bölüm 2</td>
</tr>
</table>
RESİM3:
TÜM RESİMLER:
TAPLO:
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ı |