Ασκήσεις
Η γλώσσα HTML
- Η HTML (Hypertext Markup Language) είναι η γλώσσα στην οποία γράφονται οι σελίδες στο World Wide Web.
Αποτελείται από κείμενο το οποίο εμφανίζεται στην οθόνη
του φυλλομετρητή (browser) και από
εντολές που περικλείονται μέσα σε < και >.
- Μερικές εντολές είναι οι παρακάτω:
- <p> Αλλαγή παραγράφου.
- <li> Αρχή νέας γραμμής σε λίστα
- <h1> Αρχή επικεφαλίδας επιπέδου 1
- <h2> Αρχή επικεφαλίδας επιπέδου 2
- Μπορείτε να δείτε το περιεχόμενο μιας σελίδας σε HTML με την
εντολή του φυλλομετρητή View - Source.
- Μπορείτε να φυλάξετε το περιεχόμενο μιας σελίδας στο δίσκο σας
σε μορφή HTML με την εντολή του φυλλομετρητή File - Save.
Εμφάνιση HTML
- Γράψτε ένα πρόγραμμα το οποίο τυπώνει στην οθόνη το
περιεχόμενο ενός αρχείου HTML με τον παρακάτω τρόπο:
- Όταν το κείμενο περνάει τη στήλη 60 να αλλάζει γραμμή
μετά το πρώτο τέλος λέξης.
- Οι υπόλοιπες αλλαγές σειράς μέσα στο αρχείο αγνοούνται.
- Η εντολή <p> να αρχίζει νέα σειρά
- Η εντολή <li> να αρχίζει νέα σειρά με τους χαρακτήρες "- "
- Η εντολή <h1> να τυπώνει σε νέα σειρά
τον αριθμό της επικεφαλίδας επιπέδου 1
και να τον αυξάνει κατά ένα.
Επιπλέον ξαναρχίζει την αρίθμηση των επικεφαλίδων επιπέδου 2 από
την αρχή.
- Η εντολή <h2> να τυπώνει σε νέα σειρά
τον αριθμό της επικεφαλίδας επιπέδου 1
ακολουθούμενο από "." και τον αριθμό της επικεφαλίδας επιπέδου 2 τον οποίο
και θα αυξάνει κατά ένα.
- Οι υπόλοιπες εντολές μέσα σε < > θα αγνοούνται.
- Οι εντολές μπορούν να δίνονται με κεφαλαία ή με μικρά γράμματα.
Έτσι για παράδειγμα οι εντολές <l> και <L> θα αντιμετωπίζονται
με τον ίδιο τρόπο.
- Δοκιμάστε το πρόγραμμά σας στο περιεχόμενο της σελίδας "παράδειγμα"
του κεφαλαίου αυτού των σημειώσεων.
- Σημείωση: Το πρόγραμμα δε χρειάζεται να εξετάζει αν οι εντολές με
τις οποίες ενεργεί περιέχουν μόνο τα συγκεκριμένα στοιχεία της εντολής.
Αφού συναντήσει την εντολή θα αγνοεί όλα τα υπόλοιπα στοιχεία της
μέχρι να συναντήσει >.
Έτσι για παράδειγμα οι εντολές <l> και <li> θα αντιμετωπίζονται
με τον ίδιο τρόπο.
Παράδειγμα εισόδου
<h1> Κύρια επικεφαλίδα</h1>
<h2> Επικεφαλίδα επιπέδου 2 </h2>
<p>
Κείμενο το οποίο
πρέπει
να εμφανίζεται στοιχισμένο μέχρι τη στήλη 60.
Οι
λέξεις
αυτές
δεν
πρέπει
να
εμφανίζονται
σε ξεχωριστές
γραμμές.
<p>
Εδώ αλλάζουμε γραμμή, αλλά η γραμμή αυτή είναι πάρα πολύ μεγάλη και πρέπει να σπάσει
<h2> Άλλη επικεφαλίδα επιπέδου 2 </h2>
<p>
Λίστα με στοιχεία (ένα σε κάθε γραμμή):
<ul>
<li> Στοιχείο 1 <LI> Στοιχείο 2
<li> Στοιχείο 3
<li> Στοιχείο 4
</ul>
Παράδειγμα εξόδου
1. Κύρια επικεφαλίδα
1.1. Επικεφαλίδα επιπέδου 2
Κείμενο το οποίο πρέπει να εμφανίζεται στοιχισμένο μέχρι τη στήλη
60. Οι λέξεις αυτές δεν πρέπει να εμφανίζονται σε ξεχωριστές γραμμές.
Εδώ αλλάζουμε γραμμή, αλλά η γραμμή αυτή είναι πάρα πολύ μεγάλη
και πρέπει να σπάσει
1.2. Άλλη επικεφαλίδα επιπέδου 2
Λίστα με στοιχεία (ένα σε κάθε γραμμή):
- Στοιχείο 1
- Στοιχείο 2
- Στοιχείο 3
- Στοιχείο 4