Werken met tabellen in HTML

Nu gaan we leren hoe we tabellen maken in HTML. Ik denk dat je je wel kunt voorstellen wat een tabel in het gewone leven is - het is een verzameling rijen en kolommen, waar op de kruising cellen zich bevinden.

In HTML worden tabellen volgens een vergelijkbaar principe gemaakt. Ook daar zijn er kolommen en rijen met cellen, maar de HTML-code van tabellen kan bij eerste oogopslag onwennig lijken: tabellen worden per rij gemaakt - eerst de eerste rij, dan de tweede enzovoort.

De code van een tabel heeft een strikte structuur: de belangrijkste is de tag table, waarin tags tr moeten zitten, die de rijen van de tabel creëren, en daarin - tags td, die de cellen creëren. De tag table kan het attribuut border hebben, dat een rand aan de tabel en zijn cellen toekent.

Laten we als voorbeeld een tabel met drie rijen en drie cellen in elke rij maken:

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

Herhaal het onderstaande voorbeeld: