HTML Tablo ve Tablo Etiketleri

HTML de tablolar belirli bir verinin düzgün şekilde gruplanması için kullanılır.T ablolarda yeni bir satır oluşturmak için <tr></tr> etiketi kullanılmaktadır. Bu yeni satırı açtıktan sonra sütun eklemek için <td></td> etiketi kullanılır. Aşağıdaki örnekte 2 satır ve 3 sütun bir tablo oluşturulmuştur.

<table>
<tr><td> Veri 1 <td><td> Veri 2 <td><td> Veri 3 <td></tr>
<tr><td> Veri 4 <td><td> Veri 5 <td><td> Veri 6 <td></tr>
</table>

Colspan ve Rowspan

Tablo’ larda satır ve sütunların genişlikleri aynı olmayabilir. Böyle durumlarda “colspan” ve “rowspan” özelliklerine başvurulmaktadır ve bu özellikler sadece <td></td> etiketlerinde kullanılmaktadır. “rowspan” satır birleştirmelerinde, “colspan” ise sütun birleştirmelerinde kullanılmaktadır. Aşağıda örnek bir tablo ve kodlaması bulunmaktadır.

Bu tabloda 3 satır birleştirilerek “Başlık1″ olarak, 2 sütun birleştirilerek Başlık2 olarak adlandırılmıştır. Örnek tablonun kodlamasına baktığımızda;

<table width=”200″ border=”1″>
<tr>
<td rowspan=”3″ align=”center” valign=”middle”>Başlık1</td>
<td colspan=”2″ align=”center” valign=”middle”>Başlık2</td>
</tr>
<tr>
<td align=”center” valign=”middle”>Veri1</td>
<td align=”center” valign=”middle”>Veri2</td>
</tr>
<tr>
<td align=”center” valign=”middle”>Veri3</td>
<td align=”center” valign=”middle”>Veri4</td>
</tr>
</table>

şeklinde olacaktır.