Tablolara Giriş

Tablolar normal anladığımız manasındaki tablolar için kullanılmakla birlikte web sayfasının genel yerleşimi için de kullanılır. Bir resmin solda yazınında sağda olması için tek satırlı bir tablo yapıp ilk hücreye resmi, ikinci hücreyede yazıyı koyabilirsiniz. Tablolarda yeni satır için tr kullanılır. yeni satı açtıktan sonra hüçre eklemek için td tag'i kullanılır. Aşağıda iki satır ve sütunlu tablo yaratılıyor.

<table>
	<tr><td> 11 eleman  <td> 12 elemen
	<tr><td> 21 eleman <td> 22 eleman
</table>

colspan ve rowspan

Hücrelerin genişliği ve yüksekliği değişik olabilir. Örneğin bir hücrenin genişliği yanındaki hücrenin genişliğinin iki katı olabilir. Bunun için colspan ve rospan kullanılır. Şimdi aşağıdaki örneğe bakalım.

<table>
	<tr><td colspan="2">1111<td>12 elemen
	<tr><td>21<td>22
</table>

Eğer colspan 2 denmesse 1111 hücresi ile 21 hücresi aynı genişlikte olurlar. halbuki 1111'in 21'in 2 katı genişliğinde olmasını istersek 1111'in altında hem 21 hemde 22 görülür. colspan=2 şu anlama gelir. En küçük hücrenin boyunun iki katı. Aynı şey rowspan içinde geçerlidir. En küçük satırnın boyunun kaç katı olacağını verirsin. Örneğin bir resim solda ve sağdada 4 hücre olacak. Bunun için resmin bulunduğu hücrenin rowspan'ı 4 yapılır. Solda bir resim gözükür. Sağdada yukardan aşağıya 1, 2, 3, 4 görülür.

<table>
	<tr>
		<td rowspan="4"><img src="test.gif">
		<td>1
	<tr>
	</tr>
		<td>2
	</tr>	
	<tr>
		<td>3
	</tr>	
	<tr>
		<td>4		
	</tr>	
</table>