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.