Σχεδιασμός και Υλοποίηση Συστήματος Διαχείρισης Προσωπικών Δαπανών  

17 

 

 

Εικόνα 4 Παράδειγμα πηγαίου κώδικα HTML

 

 

Από το έτος 1991, κατά το οποίο εμφανίστηκε η HTML, μέχρι και σήμερα έχουν 

κυκλοφορήσει  διάφορες  εκδόσεις  αυτής  της  γλώσσας.  Η  παρούσα  διπλωματική 

εργασία συντάχθηκε στην έκδοση HTML 5. 

 

2.1.2 CSS 

Για τον οπτικό τρόπο παρουσίασης μιας ιστοσελίδας χρησιμοποιείται η γλώσσα 

επικαλυπτόμενων στυλ μορφοποίησης CSS (Cascading Style Sheets) [1]. Οι οδηγίες 

μορφοποίησης αποσκοπούν στο να καθορίζονται πληροφορίες εμφάνισης, όπως είναι 

τα χρώματα, τα πλαίσια ή οι γραμματοσειρές, για τις δομές της HTML. Προκειμένου 

να  αποδοθούν  αυτές  οι  πληροφορίες  γίνεται  η  χρήση  επιλογέων,  οι  οποίοι 

αναγνωρίζονται σε επιλογείς με βάση τα στοιχεία δομής HTML, σε επιλογείς με βάση 

την ιδιότητα μιας κλάσης (class) ή σε επιλογείς με βάση την ιδιότητα αναγνωριστικού 

(id). Σε κάθε περίπτωση, οι οδηγίες στυλ εσωκλείονται μέσα σε αγκύλες {}, οι οποίες 

αγκύλες  ακολουθούν  τον  επιλογέα.  Στην  Εικόνα  5  παρουσιάζεται  ένα  παράδειγμα 

κώδικα CSS, όπου οι παράγραφοι, όπως ορίζει ο επιλογέας p, είναι χρώματος κόκκινου 

και στοιχίζονται στο κέντρο. 

 

Εικόνα 5 Παράδειγμα κώδικα CSS

 

 

O  κώδικας  CSS  μπορεί  είτε  να  τοποθετηθεί  εντός  του  αρχείου  υπερκειμένου, 

στην ετικέτα κεφαλίδας head, είτε σε ξεχωριστό αρχείο, το οποίο, όμως, θα πρέπει να