Arbeid med tabeller i HTML

Nå skal vi lære å lage tabeller i HTML. Jeg tror du har en forestilling om hva en tabell er i det virkelige liv - det er et sett med rader og kolonner, der cellene befinner seg i skjæringspunktet.

I HTML opprettes tabeller etter en lignende prinsipp. Der finnes også kolonner og rader med celler, men HTML-koden for tabeller ved første øyekast kan virke uvanlig: tabeller opprettes radvis - først den første raden, deretter den andre og så videre.

Tabellkoden har en rigid struktur: hovedelementet er taggen table, inni hvilken det skal ligge tagger tr, som oppretter tabellrader, og inni dem - tagger td, som oppretter celler. Taggen table kan ha attributten border, som setter en ramme til tabellen og dens celler.

La oss for eksempel lage en tabell med tre rader og tre celler i hver rad:

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

Gjenta eksemplet vist nedenfor: