background image

23 

 

κάποιες λέξεις ή γράμματα που τοποθετούνται μέσα σε γωνιώδεις αγκύλες, διαμορφώνεται η 

βασική δομή του ιστοχώρου. Στην Εικόνα 5 που παρουσιάζεται ένα παράδειγμα χρήσης τους. 

 

 

Εικόνα 5: Παράδειγμα HTML 

 

 

2.1.2 CSS 

Ένα  ακόμη  βασικό  συστατικό  του  διαδικτυακού  προγραμματισμού  είναι  το  CSS 

(Cascading  Style Sheets  ή  Διαδοχικά  φύλλα  στυλ)  [6].  Αναλυτικότερα,  το  CSS  όπως  και  η 

ΗTML  εκτελείται  από  τον  περιηγητή  του  χρήστη,  και  είναι  αυτό  που  καθορίζει  πως 

εμφανίζονται στον επισκέπτη ενός ιστοχώρου τα διάφορα στοιχεία της HTML. Ένα μεγάλο 

πλεονέκτημα των CSS είναι ότι μπορούν να αποθηκευτούν σε εξωτερικό αρχείο με κατάληξη 

.css  και  να  χρησιμοποιηθούν  από  κοινού  σε  περισσότερες  από  μια  HTML  ιστοσελίδες, 

εξοικονομώντας με τον τρόπο αυτό χρόνο και κόπο υλοποίησης. Αυτό πρακτικά σημαίνει πως 

μια αλλαγή σε αυτό το αρχείο θα ενημερώσει όλες τις html σελίδες με τις οποίες συνδέεται. 

Όσον αφορά το δομικό κομμάτι του αποτελείται από τον επιλογέα και μια ομάδα από ορισμούς. 

Ο επιλογέας μπορεί να είναι μια ετικέτα html την οποία θέλουμε να μορφοποιήσουμε ή ένα 

δικό μας όνομα το οποίο θα το εφαρμόσουμε σε κάποιο σημείο στον κώδικα html. Οι ορισμοί 

δηλώνονται ανάμεσα στα σύμβολα με τα άγκιστρα {}. Κάθε ορισμός αφορά μια ιδιότητα, την 

οποία  θέλουμε  να  μεταβάλουμε  και  την  τιμή  την  οποία  παίρνει.  Μεταξύ  αυτών  των  δύο