Tablo Öğeleri

Hıdır Volkan Sönmez
2 min readJun 2, 2023

--

Photo by Jackson Sophat on Unsplash

Tablo öğeleri, HTML’de tablo oluşturmak ve tablo verilerini yapılandırmak için kullanılır. Tablolar, verileri sıralı bir şekilde sunmak ve düzenlemek için kullanışlıdır. İşte en yaygın kullanılan tablo öğeleri ve özniteliklerin detaylı açıklamaları:

<table> Etiketi

<table> etiketi, bir tabloyu oluşturmak için kullanılır. Tablonun ana etiketidir ve içerisindeki diğer tablo öğelerini barındırır.

<table>
<!-- Tablo içeriği buraya gelecek -->
</table>

<tr> Etiketi

<tr> etiketi, tablodaki satırları temsil eder. Tablonun içinde her bir satırı tanımlamak için kullanılır.

<table>
<tr>
<!-- Satır içeriği buraya gelecek -->
</tr>
</table>

<th> Etiketi

<th> etiketi, tablo başlığını temsil eder. Genellikle tablonun ilk satırında kullanılır ve diğer hücrelerden farklı bir biçimlendirmeyle gösterilir.

<table>
<tr>
<th>İsim</th>
<th>Soyisim</th>
<th>Yaş</th>
</tr>
<!-- Diğer satırlar buraya gelecek -->
</table>

<td> Etiketi

<td> etiketi, tablo hücresini temsil eder. Hücreler tablonun içinde bulunur ve verileri içerir.

<table>
<tr>
<th>İsim</th>
<th>Soyisim</th>
<th>Yaş</th>
</tr>
<tr>
<td>Ahmet</td>
<td>Yılmaz</td>
<td>25</td>
</tr>
<!-- Diğer satırlar buraya gelecek -->
</table>

Yukarıdaki örnek, bir tablonun temel yapısını göstermektedir. <table> etiketi tabloyu oluştururken, <tr> etiketleri satırları belirtir. <th> etiketleri tablo başlığını temsil ederken, <td> etiketleri hücreleri ve tablo verilerini içerir.

Tablo öğelerine daha fazla öznitelik eklenebilir. Örneğin, colspan özniteliği bir hücrenin yatay olarak kaç sütunu kaplayacağını belirlerken, rowspan özniteliği bir hücrenin dikey olarak kaç satırı kaplayacağını belirler. Ayrıca, tablolara stil veya sınıf öznitelikleri de ekleyebilirsiniz, böylece CSS ile özelleştirme yapabilirsiniz.

Tablolar, verileri düzenlemek ve görsel olarak sunmak için önemli bir HTML öğesidir. Tablo öğeleri ile verileri tablolar halinde düzenlemek ve başlıklarla daha iyi anlaşılırlık sağlamak mümkündür.

--

--