Πίνακες (tables) σε HTML

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

Οι πίνακες ορίζονται με την ετικέτα <table>. Παράδειγμα αν θέλουμε ένα πίνακα 1Χ1 έχουμε τον εξής κώδικα:
<table border="1">
<tr>
<td>γραμμή 1, κελί 1</td>
</tr>
<tr>
<td>γραμμή 2, κελί 1</td>
</tr>
</table>

Ένας πίνακας χωρίζεται σε σειρές (με την ετικέτα <tr>), και κάθε σειρά διαιρείται σε κελιά δεδομένων (με την ετικέτα <td>). TD σημαίνει "δεδομένα πίνακα," και συγκρατεί το περιεχόμενο μιας κυψέλης δεδομένων. Μια <td> ετικέτα μπορεί να περιέχει κείμενο, συνδέσμους, εικόνες, πίνακες, φόρμες, άλλους πίνακες, κ.λπ.
Επίσης ένας πίνακας μπορεί να έχει περίγραμμα (border)
Εάν δεν θέλετε μπορείτε να μην καθορίσετε ένα περίγραμμα και έτσι ο πίνακας θα εμφανιστεί χωρίς border. Για να εμφανίσετε έναν πίνακα με border, βάζετε το εξής χαρακτηριστικό border="εδώ βάζετε το πάχος που θέλετε" π.χ. border="1".
Επίσης μπορείτε να βάλετε και επικεφαλίδες σε ένα πίνακα με την ετικέτα <th>.

Παράδειγμα Πίνακα 2Χ2

Παράδειγμα Πίνακα 3Χ3

Παράδειγμα Πίνακα Με Κεφαλίδες