HTML-де кестелермен жұмыс

Қазір біз HTML-де кестелерді қалай жасауға болатынын үйренеміз. Менің ойымша, сіз жай өмірде кесте деген не екенін білесіздер - бұл жолдар мен бағандардың жиынтығы, олардың қиылысында ұяшықтар орналасады.

HTML-де кестелер ұқсас принцип бойынша жасалады. Онда да жолдар, бағандар және ұяшықтар бар, бірақ кестелердің HTML коды алғаш қарағанда әдеттен тыс көрінуі мүмкін: кестелер қатарлар бойынша жасалады - алдымен бірінші қатар, содан кейін екінші және т.с.с.

Кесте коды қатаң құрылымға ие: негізгісі table тегі болып табылады, оның ішінде tr тегтері болуы керек, олар кестенің қатарларын жасайды, ал олардың ішінде - td тегтері, олар ұяшықтарды жасайды. table тегі border атрибутына ие болуы мүмкін, ол кестеге және оның ұяшықтарына шекараны белгілейді.

Мысал ретінде үш қатар және әр қатарда үш ұяшықтан тұратын кесте жасайық:

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

Төмендегі мысалды қайталаңыз: