HTML tablolar, web sayfalarında verileri düzenlemek, yapısını oluşturmak ve görselleştirmek için yaygın olarak kullanılan bir araçtır. Tablolar, bilgiyi sütunlar ve satırlar halinde düzenlemeyi sağlar ve verilerin daha anlaşılır ve düzenli bir şekilde sunulmasını sağlar. Bu makalede, HTML tablo oluşturmanın temelini ve kullanımını ele alacağız.

HTML Tablo Oluşturma

HTML tablo oluşturmak için aşağıdaki adımları izleyebilirsiniz:

1. <table> Etiketi: Tabloyu oluşturmak için <table> etiketini kullanın. Bu etiket, tablonun başlangıcını ve bitişini belirtir.
2. <tr> Etiketi: Her satırı temsil etmek için <tr> etiketini kullanın. Bu etiket, tablodaki satırları tanımlar.
3. <th> ve <td> Etiketleri: Tabloda başlık veya hücreler oluşturmak için <th> ve <td> etiketlerini kullanın. <th> etiketi başlık hücresini, <td> etiketi ise normal veri hücrelerini temsil eder.
4. Satır Hücreleri: Her satırda hücreleri tanımlamak için <td> etiketini kullanın. Tablonuzda kaç tane sütun oluşturmak isterseniz, her satırda aynı sayıda hücre tanımlamalısınız.
5. <caption> Etiketi (isteğe bağlı): Tablonuza bir başlık eklemek isterseniz, <caption> etiketini kullanın. Bu etiket, tabloya bir açıklama veya başlık metni eklemenizi sağlar.
6. Tablo Stilleri: CSS kullanarak tabloya stil uygulayabilirsiniz. Özel renkler, arka planlar, kenarlıklar vb. ekleyerek tablonuzu görsel olarak özelleştirebilirsiniz.

Örnek HTML Tablo Kodu

<table>
<tr>
<th>İsim</th>
<th>Soyisim</th>
<th>Yaş</th>
</tr>
<tr>
<td>Ahmet</td>
<td>Yılmaz</td>
<td>25</td>
</tr>
<tr>
<td>Canan</td>
<td>Demir</td>
<td>30</td>
</tr>
</table>

Kaynak

1. “HTML <table> Tag” – W3Schools URL: https://www.w3schools.com/tags/tag_table.asp