Σχεδιασμός και υλοποίηση πληροφοριακού συστήματος διαχείρισης εθελοντών και απινιδωτών
30
HTML στοιχείο
Περιγραφή
<!DOCTYPE>
Αποτελεί οδηγία που καθορίζει την έκδοση της HTML
που χρησιμοποιείται
<html>
Περικλείει όλο το HTML έγγραφο
<head>
Παρέχει πληροφορίες σχετικές με το έγγραφο όπως
γλώσσα, κωδικοποίηση καθώς και μεταδεδομένα
<title>
Ορίζει τον τίτλο του ιστοχώρου
<body>
Περιγράφει το οπτικό περιεχόμενο της σελίδας, το οποίο
θα εμφανιστεί στον χρήστη
<div>
Ομαδοποιεί στοιχεία μεταξύ τους και τα καθορίζει σαν
ένα ξεχωριστό τμήμα της σελίδας. (Χρησιμοποιείται
σχεδόν πάντα)
<!-- ... -->
Ορίζει σχόλια
<h1>,<h2>,…,<h6>
Ορίζει επικεφαλίδες τμημάτων κειμένου
<p>
Ορίζει παράγραφο
<button>
Ορίζει κουμπί
<form>
Ορίζει φόρμα
<input>
Ορίζει πεδίο εισαγωγής
Πίνακας 1: Παρουσίαση βασικών στοιχείων HTML
Από τις αρχές του διαδικτύου και των ιστοχώρων, υπάρχουν αρκετές εκδόσεις HTML
οι οποίες μεταλλάσσονται στον χρόνο, με την πιο πρόσφατη έκδοση που χρησιμοποιείται μέχρι
και σήμερα να είναι η HTML5. Η HTML γενικότερα, δημιουργεί τη βασική δομή ενός
ιστοχώρου με αποτέλεσμα να υπάρχουν και άλλες τεχνολογίες που τον συμπληρώνουν
διαμορφώνοντας έναν πιο ευπαρουσίαστο ιστοχώρο, όπως η CSS. Από την άλλη η Javascript
βελτιώνει την λειτουργικότητα του, καθώς δίνει και την δυνατότητα αλληλεπίδρασης με τον
χρήστη.
2.1.2 CSS
Η CSS (Cascading Style Sheets ή Διαδοχικά Φύλλα Στυλ) [12] χρησιμοποιείται για να
περιγράψει τον τρόπο με τον οποίο το HTML έγγραφο θα εμφανιστεί στην οθόνη του χρήστη,
σε οθόνες διαφορετικού μεγέθους αλλά και σε διάφορες άλλες περιπτώσεις. Η CSS η οποία
δεν θεωρείται ούτε αυτή καθαρή γλώσσα προγραμματισμού, δημιουργήθηκε για να
διαχωριστούν οι εντολές τις εμφάνισης από τις εντολές του περιεχομένου μίας ιστοσελίδας. Η
CSS βοηθάει στο να δημιουργηθεί μία ομορφότερη ιστοσελίδα, οπτικά. Δεν υπάρχει
ιστοσελίδα στο διαδίκτυο η οποία να έχει υποστεί στιλιστική επεξεργασία δίχως την χρήση
της CSS. “Εκτελείται”, επίσης, από τον browser του χρήστη. Το συντακτικό της είναι σχετικά
απλό. Αποτελείται από μία λέξη ή ένα γράμμα τα οποία υποδηλώνουν ένα συγκεκριμένο
στοιχείο της HTML και αυτό ονομάζεται ‘επιλογέας’ (css selector). Έπειτα, ακολουθούν μία