HTML'de Tablolarla Çalışma

Şimdi HTML'de tablo yapmayı öğreneceğiz. Sanırım günlük hayatta bir tablonun ne olduğunu biliyorsunuz - satırlar ve sütunlardan oluşan, kesiştikleri noktalarda hücrelerin bulunduğu bir yapı.

HTML'de tablolar benzer bir prensiple oluşturulur. Orada da sütunlar, satırlar ve hücreler vardır, ancak tabloların HTML kodu ilk bakışta alışılmadık gelebilir: tablolar satır satır oluşturulur - önce ilk satır, sonra ikinci satır ve bu şekilde devam eder.

Tablo kodunun katı bir yapısı vardır: ana etiket table'dır, içinde tablonun satırlarını oluşturan tr etiketleri bulunmalıdır, ve onların içinde de hücreleri oluşturan td etiketleri yer alır. table etiketinin border özelliği olabilir, bu tabloya ve hücrelerine kenarlık ekler.

Örnek olarak, her satırında üç hücre bulunan üç satırlı bir tablo yapalım:

<table border="1">
	<tr>
		<td>hücre 1</td>
		<td>hücre 2</td>
		<td>hücre 3</td>
	</tr>
	<tr>
		<td>hücre 4</td>
		<td>hücre 5</td>
		<td>hücre 6</td>
	</tr>
	<tr>
		<td>hücre 7</td>
		<td>hücre 8</td>
		<td>hücre 9</td>
	</tr>
</table>

Aşağıdaki örneği tekrarlayın: