Darbas su lentelėmis HTML

Dabar mes išmoksime kurti lenteles HTML. Manau, jūs įsivaizduojate, kas yra lentelė įprastame gyvenime - tai eilučių ir stulpelių rinkinys, kurių sankirtoje yra ląstelės.

HTML lentelės kuriamos pagal panašų principą. Ten taip pat yra stulpeliai ir eilutės su ląstelėmis, tačiau HTML lentelių kodas iš pirmo žvilgsnio gali pasirodyti neįprastas: lentelės kuriamos pagal eilutes - pirmiausia pirmoji eilutė, po to antroji ir taip toliau.

Lentelės kodas turi griežtą struktūrą: pagrindinis yra tegras table, kurio viduje turi būti tegarai tr, kurie sukuria lentelės eilutes, o jų viduje - tegarai td, kurie sukuria ląsteles. Tegas table gali turėti atributą border, kuris nustato lentelės ir jos ląstelių rėmelį.

Pavyzdžiui, sukurkime lentelę su trimis eilutėmis ir trimis ląstelėmis kiekioje eilutėje:

<table border="1">
	<tr>
		<td>ląstelė 1</td>
		<td>ląstelė 2</td>
		<td>ląstelė 3</td>
	</tr>
	<tr>
		<td>ląstelė 4</td>
		<td>ląstelė 5</td>
		<td>ląstelė 6</td>
	</tr>
	<tr>
		<td>ląstelė 7</td>
		<td>ląstelė 8</td>
		<td>ląstelė 9</td>
	</tr>
</table>

Pakartokite žemiau pateiktą pavyzdį: