Tablo Temelleri

HTML'de tablo, verileri satırlar ve sütunlar halinde düzenlemenin bir yoludur. Tablolar genellikle programlar, istatistikler veya bir ızgarada sunulabilen diğer bilgi türleri gibi verileri yapılandırılmış bir biçimde görüntülemek için kullanılır. Tablo oluşturmak için <table> etiketini; 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 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>: 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>: Tabloda standart bir hücre tanımlayan etiket.

Bu tablonun bir tarayıcıda nasıl görüntüleneceği 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, sonraki satırlar ise normal veri hücrelerini içerir. Bu yapı, okunması ve anlaşılması kolay basit bir ızgara düzeni oluşturur.