Όνομα Α΄ Β΄

Άννα 18 19

Σύνολο μαθητών: 1
table { border-collapse: collapse; }
td, th { border: 1px solid black; padding: 10px; }
Το colspan="3" κάνει την κυψέλη να πιάσει 3 στήλες· το border-collapse ενώνει τα περιγράμματα.

Όνομα	Α΄	Β΄
Άννα	18	19
Σύνολο μαθητών: 1

Σύνοψη: (ενδεικτική) table>tr>th/td, colspan για συγχώνευση στηλών, CSS: border-collapse: collapse & td,th{border;padding}.

Κριτήρια αξιολόγησης:

Ερώτηση: Ποιες ετικέτες συνθέτουν έναν πίνακα και ποια η διαφορά από ;

Απάντηση:

<table> ο πίνακας, <tr> γραμμή, <td> κυψέλη δεδομένων, <th> κυψέλη επικεφαλίδας.
Το <th> εμφανίζεται συνήθως έντονο & κεντραρισμένο (χαρακτηρίζει επικεφαλίδα)· το <td> είναι απλή κυψέλη δεδομένων.

Σύνοψη: (ενδεικτική) table (πίνακας) > tr (γραμμή) > td (κυψέλη δεδομένων)/th (επικεφαλίδα, έντονη-κεντραρισμένη).

Κριτήρια αξιολόγησης:

Ερώτηση: Ποια η διαφορά colspan από rowspan;

Απάντηση:

colspan="ν": οριζόντια συγχώνευση — η κυψέλη πιάνει ν στήλες.
rowspan="ν": κατακόρυφη συγχώνευση — η κυψέλη πιάνει ν γραμμές.
Λόγω συγχώνευσης, οι υπόλοιπες γραμμές χρειάζονται λιγότερες κυψέλες (προσοχή στο μέτρημα, αλλιώς μένουν κενές θέσεις).

Σύνοψη: (ενδεικτική) colspan: πιάνει πολλές στήλες (οριζόντια). rowspan: πιάνει πολλές γραμμές (κατακόρυφα).

Κριτήρια αξιολόγησης:

Ερώτηση: Τι κάνει η παράμετρος class και πώς είναι ο επιλογέας κλάσης στη CSS;

Απάντηση:

Η class δίνει σε στοιχεία ένα κοινό όνομα ώστε να μορφοποιούνται μαζί — ανεξάρτητα από ετικέτα.
Στο CSS ο επιλογέας κλάσης ξεκινά με τελεία: .όνομα { … } (π.χ. <td class="highlight"> ↔ .highlight { background-color: yellow; }).

Σύνοψη: (ενδεικτική) class = κοινό όνομα σε στοιχεία (και διαφορετικών ετικετών). Επιλογέας κλάσης στη CSS: .όνομα { ... }.

Κριτήρια αξιολόγησης: