Kufanya Kazi na Majedwali kwenye HTML

Sasa tutajifunza kutengeneza majedwali kwenye HTML. Nadhani unafahamu nini maana ya jedwali katika maisha ya kawaida - ni mkusanyiko wa safu na nguzo, ambapo makutano yake hupatikana seli.

Kwenye HTML, majedwali hutengenezwa kwa kanuni sawa. Kuna pia nguzo na safu zenye seli, lakini msimbo wa HTML wa majedwali wakati wa mtazamo wa kwanza unaonekana usio wa kawaida: majedwali hutengenezwa kwa safu - kwanza safu ya kwanza, kisha ya pili na kadhalika.

Msimbo wa jedwali una muundo madhubuti: kiini kikuu ni tag table, ndani yake lazima kuwe na tag tr, ambazo hutengeneza safu za jedwali, na ndani yake - tag td, ambazo hutengeneza seli. Tag table inaweza kuwa na sifa border, ambayo huweka mpaka kwa jedwali na seli zake.

Wacha kwa mfano tutengeneze jedwali lenye safu tatu na seli tatu katika kila safu:

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

Rudia mfano ulio hapa chini: