Ένα αρχείο HTML, αν και προαιρετικό, θα πρέπει να αρχίζει με την εντολή
<!DOCTYPE html>
<HTML>
η οποία δηλώνει το είδος του αρχείου διευκρινίζοντας και την έκδοση html που χρησιμοποιείται (εδώ η HTML5),
και να τελειώνει με την εντολή
Είναι ο κωδικός που προσδιορίζει ότι το έγγραφό σας περιέχει κώδικα HTML.
Ο κωδικός <HEAD> εμφανίζεται κατευθείαν
κάτω από τον <HTML> και προσδιορίζει την ενότητα κεφαλίδας της WEB σελίδας
που δίνει πληροφορίες για τη σελίδα, όπως για παράδειγμα τον τίτλο της σελίδας
που προσδιορίζεται με τον κωδικό <TITLE>. Ο τίτλος εμφανίζεται στη γραμμή
τίτλου του αναγνώστη ιστοσελίδων. Ο τίτλος μπορεί να περιέχει μόνο γράμματα και
αριθμούς. Οι δύο κωδικοί κλείνουν με τους αντίστοιχους </HEAD> και
</HTML>
Τέλος, ανάμεσα στους κωδικούς <BODY> και </BODY>
περικλείουμε το κυρίως τμήμα (κείμενο, εικόνες, πίνακες κ.λπ.) της ιστοσελίδας μας.
Το metadata δίνει πληροφορίες σχετικά με τα δεδομένα.
Ο κωδικός <META> παρέχει πληροφορίες σχετικά με το έγγραφο HTML χωρίς να εμφανίζει κάποιο αποτέλεσμα στην ιστοσελίδα.
Χρησιμοποιείται συνήθως για να καθορίσει την περιγραφή της ιστοσελίδας, τις λέξεις-κλειδιά, τον συντάκτη του εγγράφου, πότε τροποποιήθηκε τελευταία φορά, και άλλες πληροφορίες.
Για να εμφανίζει αυτομάτως ο αναγνώστης τις σελίδες με ελληνικούς χαρακτήρες θα πρέπει να εμφανίζεται στο <HEAD> ο <META> κωδικός που να διευκρινίζει την κωδικοποίηση
των χαρακτήρων του κειμένου. Θα πρέπει να είναι η κωδικοποίηση χαρακτήρων που χρησιμοποιήσατε για την δημιουργία του αρχείου σας:
<meta charset="iso-8859-7">
ή <meta charset="UTF-8">
ανάλογα με την κωδικοποίηση των ελληνικών χαρακτήρων που χρησιμοποιήσατε για την δημιουργία του αρχείου σας
(στην περίπτωση του εργαστηρίου UTF-8).
Άλλα παραδείγματα με την χρήση του κωδικού <META> μπορεί να είναι:
Ορισμός της περιγραφής της ιστοσελίδας:
<meta name="description" content="NTUA Course on HTML (New technologies in education)">
Ορισμός του ονόματος του κατασκευαστή της σελίδας:
<meta name="author" content="NTUA">
Ορισμός λέξεις κλειδιά οι οποίες ανιχνεύονται από τις μηχανές αναζήτησης:
<meta name="keywords" content="HTML, CSS">
Οπότε, μια ενδεικτική ιστοσελίδα μπορεί να έχει, στον κειμενογράφο, τη μορφή:
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="UTF-8">
<meta name="description" content="NTUA Course on HTML (New technologies in education)">
<meta name="author" content="NTUA">
<meta name="keywords" content="HTML, CSS">
<TITLE>
Εισαγωγή στην HTML
</TITLE>
</HEAD>
<BODY>
εδώ είναι το κυρίως κείμενο
</BODY>
</HTML>
και θα εμφανίζεται ως:
Αν θέλετε να δείτε την ιστοσελίδα σε άλλο παράθυρο του αναγνώστη ιστοσελίδων που χρησιμοποιείτε, πατήστε εδώ.
Για να εμφανίσετε κάποιο αρχείο html στον αναγνώστη ιστοσελίδων, απλά κάντε κλικ στο File>Open (Page) οπότε ανοίγει το παράθυρο διαλόγου της εντολής Open. Κάνοντας κλικ στο Choose File (Browse) μπορείτε να εντοπίσετε στον υπολογιστή σας το αρχείο που θέλετε. Επιλέξτε το και, τέλος, γυρίζοντας στο παράθυρο διαλόγου της Open κάντε κλικ στο Open (OK).
| Προηγούμενη ενότητα | Επόμενη ενότητα |