Tablo Temelleri

HTML'de bir tablo, verileri satırlar ve sütunlar halinde düzenlemenin bir yoludur. Tablolar; programlar, istatistikler veya bir ızgara biçiminde sunulabilen diğer her türlü bilgi gibi verileri yapılandırılmış bir formatta görüntülemek için yaygın olarak kullanılır. Bir tablo oluşturmak için, tablo satırları için <tr>, tablo verileri (hücreler) için <td> ve tablo başlıkları için <th> gibi diğer etiketlerle birlikte <table> etiketini kullanırsınız.

İşte bir HTML tablosunun temel yapısı:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: Tabloyu tanımlayan etiket.

• <tr>: Bir tablo satırını tanımlayan etiket.

• <th>: Bir başlık hücresini tanımlayan etiket. Başlık hücreleri genellikle sütun veya satır başlıkları için kullanılır ve varsayılan olarak kalın görüntülenir.

• <td>: Tablodaki standart bir hücreyi tanımlayan etiket.

Bu tablonun bir tarayıcıda nasıl oluşturulacağı aşağıda gösterilmiştir:

Bu örnekte, iki satır ve iki sütundan oluşan bir tablomuz var. İlk satır başlık hücrelerini içerir ve sonraki satırlar normal veri hücrelerini içerir. Bu yapı, okunması ve anlaşılması kolay, basit bir ızgara düzeni oluşturur.