HTML'de tablo oluşturmak için temel olarak <table>, <tr>, <th>, ve <td> etiketlerini kullanırız. İşte HTML tablo oluşturma komutları:
-
Tablo Oluşturma (
<table>):<table> <!-- Tablo içeriği buraya gelecek --> </table> -
Satır Oluşturma (
<tr>):<tr> <!-- Satır hücreleri buraya gelecek --> </tr> -
Başlık Hücresi Oluşturma (
<th>):<th>Başlık</th> -
Veri Hücresi Oluşturma (
<td>):<td>Veri</td>
Tablo içindeki bir hücreyi birleştirmek için colspan ve rowspan özelliklerini kullanabilirsiniz:
-
Hücre Birleştirme (
colspan):<td colspan="2">Birleştirilmiş Hücre</td> -
Sütun Birleştirme (
rowspan):<td rowspan="2">Birleştirilmiş Hücre</td>
Örnek bir tablo:
<table border="1">
<tr>
<th>Kol Başlığı 1</th>
<th>Kol Başlığı 2</th>
</tr>
<tr>
<td>Veri 1-1</td>
<td>Veri 1-2</td>
</tr>
<tr>
<td>Veri 2-1</td>
<td>Veri 2-2</td>
</tr>
</table>
Bu örnekte border="1" ile tablonun kenarlık çizgileri görünür hale getirilmiştir, ancak genellikle bu stil yerine CSS kullanımı tercih edilir. CSS kullanımı daha esnek ve modern bir görünüm sağlar.