HTML'де таблицалар менен иштөө

Азыр биз HTML'де таблицаларды кантип жасоону үйрөнөбүз. Мен сиздер эмне экенин түшүнөсүз деп ойлойм күнүмдүк турмуштагы таблица - бул катарлардын жана тикмелердин жыйындысы, алардын кесилишинде уячалар жатат.

HTML'де таблицалар окшош принцип боюнча түзүлөт. Анда дагы тикмелер жана уячалар менен катарлар бар, бирок HTML таблицалар коду биринчи көрүнүштө көңүлгө сиңбей турган болушу мүмкүн: таблицалар катарлар боюнча түзүлөт - биринчи катар, андан кийин экинчи жана ушинтип уланат.

Таблицанын коду катуу структурага ээ: негизги тег болуп table эсептелет, анын ичинде таблицанын катарларын түзгөн tr тегдери жатат, ал эми алардын ичинде - td тегдери, ал уячаларды түзөт. table теги border атрибутуна ээ болушу мүмкүн, ал таблицага жана анын уячаларына чекейди белгилейт.

Келгиле, мисал үчүн үч катарлуу жана ар бир катарда үч уячалуу таблица жасайлы:

<table border="1">
	<tr>
		<td>уяча 1</td>
		<td>уяча 2</td>
		<td>уяча 3</td>
	</tr>
	<tr>
		<td>уяча 4</td>
		<td>уяча 5</td>
		<td>уяча 6</td>
	</tr>
	<tr>
		<td>уяча 7</td>
		<td>уяча 8</td>
		<td>уяча 9</td>
	</tr>
</table>

Төмөндө келтирилген мисалды кайталаңыз: