Ο πλήρης σκελετός:
<!DOCTYPE html>
Η πρώτη μου ιστοσελίδα
Αποθηκεύουμε το αρχείο με κατάληξη .html και κωδικοποίηση UTF-8, και το ανοίγουμε στον φυλλομετρητή.

Σύνοψη: (ενδεικτική) Ο σκελετός: <!DOCTYPE html> + html{ head{ title, meta charset="UTF-8" } body{ } }. Αποθήκευση ως .html σε UTF-8.

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

Κριτήριο: DOCTYPE + html>head(title+meta charset)>body, σωστά φωλιασμένα & κλεισμένα.

Ερώτηση: Ποια η διαφορά στατικής και δυναμικής ιστοσελίδας;

Απάντηση:

Στατική: το περιεχόμενο μεταφέρεται όπως είναι αποθηκευμένο (HTML) — δεν αλλάζει μόνο του.
Δυναμική: το περιεχόμενο παράγεται από πρόγραμμα στον server (π.χ. PHP/ASP/JSP) και μπορεί να αλλάζει σε κάθε κλήση.

Σύνοψη: (ενδεικτική) Στατική: σταθερό αποθηκευμένο HTML. Δυναμική: παράγεται από κώδικα στον server (PHP/ASP/JSP), αλλάζει ανά κλήση.

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

Ερώτηση: Τι περιέχει το στοιχείο head και τι το body;

Απάντηση:

head (κεφαλή): τα μεταδεδομένα — π.χ. title (τίτλος) και meta charset (κωδικοποίηση). Δεν εμφανίζονται στο κυρίως παράθυρο.
body (σώμα): το περιεχόμενο που βλέπει ο επισκέπτης στο παράθυρο του browser.

Σύνοψη: (ενδεικτική) head: μεταδεδομένα (title, meta charset). body: το ορατό περιεχόμενο της σελίδας.

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

Ερώτηση: Ποια συντακτικά προβλήματα έχει ο κώδικας: Δοκιμή</head> ;

Απάντηση:

1. Το title δεν κλείνει σωστά μέσα στο head: πρέπει <title>Δοκιμή</title> πριν κλείσει το </head> (λάθος σειρά κλεισίματος — κλείνει πρώτο το εξωτερικό).
1. Λείπει το </body> (το body άνοιξε αλλά δεν έκλεισε).
1. Λείπει η δήλωση <!DOCTYPE html> και (καλό) το <meta charset="UTF-8">.
Σωστό: <!DOCTYPE html><html><head><title>Δοκιμή</title></head><body></body></html>.

Σύνοψη: (ενδεικτική) Λάθη: το title κλείνει μετά το head (λάθος σειρά φωλιάσματος), λείπει , λείπει DOCTYPE/meta charset.

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

Κριτήριο: εντοπισμός λάθους σειράς κλεισίματος + το ακλείστο body. Δίδαγμα: κλείνει πρώτο το εσωτερικό στοιχείο.