Att arbeta med tabeller i HTML

Nu ska vi lära oss att skapa tabeller i HTML. Jag tror att du har en uppfattning om vad en tabell är i verkliga livet - det är en samling rader och kolumner, där cellerna finns i korsningarna.

I HTML skapas tabeller enligt en liknande princip. Det finns också kolumner och rader med celler, men HTML-koden för tabeller kan vid första anblicken verka ovanlig: tabeller skapas rad för rad - först den första raden, sedan den andra och så vidare.

Tabellkoden har en rigid struktur: det viktigaste är taggen table, inuti vilken det måste finnas taggar tr, som skapar tabellens rader, och inuti dem - taggar td, som skapar celler. Taggen table kan ha attributet border, som sätter en ram till tabellen och dess celler.

Låt oss som ett exempel skapa en tabell med tre rader och tre celler i varje rad:

<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>

Upprepa exemplet nedan: