Λύσεις — Εφαρμογή 2 · Συμβολικό… κείμενο (σελ. 20–22) – ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ

Οντότητες (entities)

Ερώτηση: Τι είναι οι οντότητες στην HTML και πώς γράφουμε τα σύμβολα <, >, & ;

Απάντηση:

• Οντότητες: κωδικοί που ξεκινούν με & και τελειώνουν με ;, και μετατρέπονται σε σύμβολα.
• < → <, > → >, & → & (αυτά τα σύμβολα έχουν ειδική σημασία, γι' αυτό γράφονται ως οντότητες).
• Άλλα: € → €, © → ©,   → αδιάσπαστο κενό.

Σύνοψη: (ενδεικτική) Οντότητα = &όνομα; (ή &#κωδικός;) → σύμβολο. Ειδικά: <→< , >→> , &→& .

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

• Κριτήριο: μορφή &...; + οι 3 βασικές (< > &).

Χειρισμός κενών

Ερώτηση: Τι συμβαίνει με τα πολλαπλά κενά/αλλαγές γραμμής στον κώδικα HTML;

Απάντηση:

• Τα πολλαπλά διαστήματα, tab και αλλαγές γραμμής συμπτύσσονται σε ένα απλό διάστημα — δεν εμφανίζονται όπως στον κώδικα.
• Η αλλαγή γραμμής γίνεται αυτόματα ανάλογα με το πλάτος του παραθύρου. Για αλλαγή γραμμής χρησιμοποιούμε <br>, για διατήρηση κενών <pre>.

Σύνοψη: (ενδεικτική) Πολλά κενά/enter/tab → ένα διάστημα (αυτόματη αναδίπλωση). Αλλαγή γραμμής:
· διατήρηση κενών:

.

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

ΠΑΓΙΔΑ: τα κενά του κώδικα ΔΕΝ αποδίδονται 1:1· θέλεις 
 ή 
.


strong vs b
Ερώτηση: Ποια η διαφορά των ετικετών  και ; Πότε προτιμάμε CSS;

Απάντηση:

Και οι δύο δίνουν έντονα γράμματα. Η διαφορά είναι σημασιολογική: το <strong> σημαίνει «σημαντικό» (νόημα), ενώ το <b> είναι καθαρά οπτικό (χωρίς νόημα).
Για σύνθετες μορφοποιήσεις προτιμάμε CSS (η HTML ορίζει δομή/σημασία, το CSS εμφάνιση)· πολλές παλιές ετικέτες μορφοποίησης έχουν αποχαρακτηριστεί.

Σύνοψη: (ενδεικτική) Και οι δύο έντονα·  έχει σημασία («σημαντικό»),  μόνο οπτικό. Σύνθετη μορφοποίηση → CSS.

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

Κριτήριο: σημασιολογία strong vs οπτικό b + ρόλος CSS.