Lucrul cu tabele în HTML

Acum vom învăța să creăm tabele în HTML. Cred că vă imaginați ce este un tabel în viața obișnuită - este un set de rânduri și coloane, la intersecția cărora se află celule.

În HTML, tabelele sunt create după un principiu similar. Și acolo există coloane și rânduri cu celule, însă codul HTML al tabelelor la prima vedere poate părea neobișnuit: tabelele sunt create pe rânduri - mai întâi primul rând, apoi al doilea și așa mai departe.

Codul tabelului are o structură rigidă: principalul este tag-ul table, în interiorul căruia trebuie să se afle tag-urile tr, care creează rândurile tabelului, iar în interiorul acestora - tag-urile td, care creează celulele. Tag-ul table poate avea atributul border, care stabilește o bordură pentru tabel și celulele sale.

Să facem, de exemplu, un tabel cu trei rânduri și trei celule în fiecare rând:

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

Repetați exemplul de mai jos: