HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και έπειτα προσθέτονται ειδικά σύμβολα γύρω από τις λέξεις ή από ολόκληρες προτάσεις ώστε να καθοριστεί η εμφάνιση τους στην οθόνη. Τα ειδικά σύμβολα στην HTML λέγονται ετικέτες (tags). Η HTML διαθέτει ένα πεπερασμένο αριθμό ετικετών που μπορούμε να χρησιμοποιήσουμε. Ωστόσο ο αριθμός αυτός δεν παραμένει σταθερός. Κατά διαστήματα το W3 Consortium, το οποίο ανάπτυξε και διαχειρίζεται τα πρότυπα της HTML, δημοσιεύει νέα πρότυπα στα οποία προσθέτει καινούργιες ετικέτες που καλύπτουν ή διορθώνουν μια λειτουργία στο προηγούμενο πρότυπο. Η τελευταία αναθεώρηση του HTML προτύπου είναι η HTML5
Τι είναι οι ετικέτες;
Οι ετικέτες ελέγχουν την δομή και την μορφή του κειμένου της ιστοσελίδας. Επίσης παρέχουν πληροφορίες προς τον web browser για την σελίδα που πρόκειται να εμφανίσουν, όπως ο τίτλος της σελίδας ή ο συγγραφέας της, κ.α.
Πώς είναι μια ετικέτα ;
Οι HTML ετικέτες γράφονται ανάμεσα στα σύμβολα < και >
<όνομα-ετικέτας>
Οι περισσότερες HTML ετικέτες αποτελούνται από μια ετικέτα αρχής και μια ετικέτα τέλους και ανάμεσα σε αυτές υπάρχει το κείμενο που χαρακτηρίζεται από τις ετικέτες αυτές. Η ετικέτα τέλους περιέχει τον χαρακτήρα / πριν το όνομα της ετικέτας.
<όνομα-ετικέτας> ... κείμενο ... </όνομα-ετικέτας>
πχ. <em>Κείμενο με έμφαση</em>
Υπάρχουν ορισμένες ετικέτες που δεν έχουν ετικέτες τέλους. Στις ετικέτες αυτές, πριν από το σύμβολο > τοποθετούμε τον χαρακτήρα /
<όνομα-ετικέτας />
πχ. <br />
Το αρχείο που περιέχει HTML ετικέτες λέγεται HTML αρχείο και έχει επέκταση .html ή .htm (εκτός βέβαια κι' αν η ιστοσελίδα είναι δυναμική οπότε έχει επεκτάσεις όπως .php. asp, jsp κτλ.). Τα αρχεία αυτά είναι απλά αρχεία κειμένου σε μορφή ASCII και δεν περιέχουν πληροφορίες για το περιβάλλον ή τα προγράμματα με τα οποία θα λειτουργήσουν. Μπορείτε να ανοίξετε και να δείτε τα αρχεία htm ή html με οποιονδήποτε επεξεργαστή κειμένου, π.χ. Σημειωματάριο (Notepad) των Windows
<όνομα-ετικέτας>
Οι περισσότερες HTML ετικέτες αποτελούνται από μια ετικέτα αρχής και μια ετικέτα τέλους και ανάμεσα σε αυτές υπάρχει το κείμενο που χαρακτηρίζεται από τις ετικέτες αυτές. Η ετικέτα τέλους περιέχει τον χαρακτήρα / πριν το όνομα της ετικέτας.
<όνομα-ετικέτας> ... κείμενο ... </όνομα-ετικέτας>
πχ. <em>Κείμενο με έμφαση</em>
Υπάρχουν ορισμένες ετικέτες που δεν έχουν ετικέτες τέλους. Στις ετικέτες αυτές, πριν από το σύμβολο > τοποθετούμε τον χαρακτήρα /
<όνομα-ετικέτας />
πχ. <br />
Το αρχείο που περιέχει HTML ετικέτες λέγεται HTML αρχείο και έχει επέκταση .html ή .htm (εκτός βέβαια κι' αν η ιστοσελίδα είναι δυναμική οπότε έχει επεκτάσεις όπως .php. asp, jsp κτλ.). Τα αρχεία αυτά είναι απλά αρχεία κειμένου σε μορφή ASCII και δεν περιέχουν πληροφορίες για το περιβάλλον ή τα προγράμματα με τα οποία θα λειτουργήσουν. Μπορείτε να ανοίξετε και να δείτε τα αρχεία htm ή html με οποιονδήποτε επεξεργαστή κειμένου, π.χ. Σημειωματάριο (Notepad) των Windows
Πώς λειτουργεί μια ετικέτα μέσα σε ένα HTML αρχείο ;
Ένα ζευγάρι ετικετών καθορίζει την μορφή ενός κειμένου ή μιας και μόνο λέξης. Για παράδειγμα αν ήθελα να γράψω στην γλώσσα HTML το κείμενο 'Μαθαίνω HTML' με έντονη γραφή, θα το έγραφα έτσι:
<b>Μαθαίνω HTML</b>. Μόλις συναντήσαμε την πρώτη HTML ετικέτα. Το γράμμα b είναι το αρχικό από την λέξη bold.Το ζευγάρι των ετικετών <b> και </b>, δηλώνει στον web browser, ότι το κείμενο που είναι γραμμένο μεταξύ των ετικετών αυτών θα εμφανιστεί με έντονα (bold) γράμματα.
Αν πάλι ήθελα να γράψω την λέξη wlearn με πλάγιους χαρακτήρες θα έγραφα:
<i>wlearn</i>
Το ζευγάρι των ετικετών <i> και </i>, λέει στον browser να εμφανίσει το κείμενο που είναι γραμμένο ανάμεσα σε αυτές τις ετικέτες, με πλάγιους χαρακτήρες. Το γράμμα i είναι το πρώτο γράμμα από την λέξη italics.
Οι ετικέτες μέσα σε ένα HTML αρχείο μπορούν να είναι γραμμένες είτε με μικρά γράμματα (πεζά), είτε με κεφαλαία. Η ετικέτα <b> είναι ίδια με τη ετικέτα <B>. Μόνο πρέπει να προσέχουμε τις ετικέτες τέλους να είναι γραμμένες όπως η ετικέτες αρχής. Δηλαδή αν μια ετικέτα αρχής είναι γραμμένη με πεζά τότε και η ετικέτα τέλους πρέπει να γραφεί με πεζά.
Λάθος τρόπος:
<B>wlearn</b>
Σωστός τρόπος:
<B>wlearn</B>
ή
<b>wlearn</b>
<b>Μαθαίνω HTML</b>. Μόλις συναντήσαμε την πρώτη HTML ετικέτα. Το γράμμα b είναι το αρχικό από την λέξη bold.Το ζευγάρι των ετικετών <b> και </b>, δηλώνει στον web browser, ότι το κείμενο που είναι γραμμένο μεταξύ των ετικετών αυτών θα εμφανιστεί με έντονα (bold) γράμματα.
Αν πάλι ήθελα να γράψω την λέξη wlearn με πλάγιους χαρακτήρες θα έγραφα:
<i>wlearn</i>
Το ζευγάρι των ετικετών <i> και </i>, λέει στον browser να εμφανίσει το κείμενο που είναι γραμμένο ανάμεσα σε αυτές τις ετικέτες, με πλάγιους χαρακτήρες. Το γράμμα i είναι το πρώτο γράμμα από την λέξη italics.
Οι ετικέτες μέσα σε ένα HTML αρχείο μπορούν να είναι γραμμένες είτε με μικρά γράμματα (πεζά), είτε με κεφαλαία. Η ετικέτα <b> είναι ίδια με τη ετικέτα <B>. Μόνο πρέπει να προσέχουμε τις ετικέτες τέλους να είναι γραμμένες όπως η ετικέτες αρχής. Δηλαδή αν μια ετικέτα αρχής είναι γραμμένη με πεζά τότε και η ετικέτα τέλους πρέπει να γραφεί με πεζά.
Λάθος τρόπος:
<B>wlearn</b>
Σωστός τρόπος:
<B>wlearn</B>
ή
<b>wlearn</b>
Καλό είναι να χρησιμοποιούμε πεζούς και όχι κεφαλάιους χαρακτήρες όπως μπορούσαμε να κανουμε στα πρότυπα της HTML πριν το HTML4.01, το οποίο είναι το αμέσως προηγούμενο πρότυπο από αυτό του HTML5
