Εργασία με πίνακες σε HTML

Τώρα θα μάθουμε να φτιάχνουμε πίνακες σε HTML. Νομίζω ότι έχετε μια ιδέα του τι είναι ένας πίνακας στην κανονική ζωή - είναι ένα σύνολο από σειρές και στήλες, στη διασταύρωση των οποίων βρίσκονται κελιά.

Στην HTML οι πίνακες δημιουργούνται με παρόμοια αρχή. Εκεί επίσης υπάρχουν στήλες και σειρές με κελιά, ωστόσο ο HTML κώδικας των πινάκων στην πρώτη ματιά μπορεί να φαίθεί ασυνήθιστος: οι πίνακες δημιουργούνται ανά σειρές - πρώτα η πρώτη σειρά, μετά η δεύτερη και ούτω καθεξής.

Ο κώδικας του πίνακα έχει μια αυστηρή δομή: κύριο είναι η ετικέτα table, μέσα στην οποία πρέπει να βρίσκονται οι ετικέτες tr, που δημιουργούν τις σειρές του πίνακα, και μέσα σε αυτές - οι ετικέτες td, που δημιουργούν τα κελιά. Η ετικέτα table μπορεί να έχει το χαρακτηριστικό border, που ορίζει το περίγραμμα του πίνακα και των κελιών του.

Ας φτιάξουμε για παράδειγμα έναν πίνακα με τρεις σειρές και τρία κελιά σε κάθε σειρά:

<table border="1">
	<tr>
		<td>κελί 1</td>
		<td>κελί 2</td>
		<td>κελί 3</td>
	</tr>
	<tr>
		<td>κελί 4</td>
		<td>κελί 5</td>
		<td>κελί 6</td>
	</tr>
	<tr>
		<td>κελί 7</td>
		<td>κελί 8</td>
		<td>κελί 9</td>
	</tr>
</table>

Επαναλάβετε το παράδειγμα που παρουσιάζεται παρακάτω: