Όταν μιλάμε για κώδικα HTML, σίγουρα πολλοί από εσάς σκέφτεστε μια γλώσσα που χρησιμοποιείται για τη δομή των πληροφοριών που μας παρέχονται όταν μπαίνουμε σε ένα πρόγραμμα περιήγησης ή μια ιστοσελίδα. Αλλά αυτό δεν τελειώνει εδώ, για να κατανοήσουμε καλύτερα τι είναι και σε τι χρησιμεύει η HTML, πρέπει να εμβαθύνουμε πολύ περισσότερο στο θέμα.
Αυτός ο κώδικας για τον οποίο θα μιλήσουμε είναι η θεμελιώδης βάση της ανάπτυξης ιστού. Κάθε φορά που περιηγούμαστε στις διάφορες σελίδες, η HTML είναι περισσότερο από παρούσα σε όλες, είτε πρόκειται για μια σελίδα μόδας είτε για ένα προσωπικό blog. Εάν ενδιαφέρεστε να μάθετε περισσότερα για αυτό το θέμα, πάρτε ένα στυλό και ένα χαρτί και θα ξεκινήσουμε.
Τι είναι ο κώδικας HTML και σε τι χρησιμοποιείται;
Όπως αναφέραμε στην αρχή αυτής της δημοσίευσης, Η HTML είναι μια γλώσσα με την οποία μπορούμε να ορίσουμε τα περιεχόμενα της ιστοσελίδας μας. Στα ισπανικά, το ακρωνύμιο αντιστοιχεί στον ορισμό της γλώσσας σήμανσης υπερκειμένου. Δηλαδή, μια σειρά από ετικέτες που μπορεί να ερμηνεύσει το πρόγραμμα περιήγησής μας και με τις οποίες μπορούμε να ορίσουμε τα κείμενά μας και άλλους τύπους πτυχών που θα αποτελούν μέρος της ιστοσελίδας, εικόνες, γραφικά κ.λπ.
Αυτή η γλώσσα που μιλάμε Έχει τη λειτουργία να περιγράφει τη δομή που ακολουθεί μια σελίδα και επίσης μας βοηθά να οργανώσουμε τον τρόπο με τον οποίο πρόκειται να εμφανιστούν.. Εκτός από όλα αυτά, η HTML θα σας επιτρέψει να συμπεριλάβετε διαφορετικούς ανακατευθυνόμενους συνδέσμους σε άλλους τύπους σελίδων ή ακόμα και εγγράφων.
Δεν είναι γλώσσα προγραμματισμού, γιατί δεν εκπληρώνει ορισμένες αριθμητικές συναρτήσεις. Μπορούμε λοιπόν να επισημάνουμε ότι η κύρια λειτουργία του είναι να μπορεί να δημιουργεί στατικές ιστοσελίδες. Είναι πολύ χρήσιμο αφού, συνδυάζοντάς το με άλλο τύπο γλώσσας προγραμματισμού, μπορείτε να αποκτήσετε τις πιο δυναμικές σελίδες, όπως πολλές από αυτές που επισκεπτόμαστε καθημερινά.
Λίγο ιστορικό HTML
graffica.info
Αυτή η γλώσσα γεννήθηκε το 1980 όταν ο Tim Berners-Lee, ένας επιστήμονας, παρουσίασε την ιδέα ενός νέου συστήματος υπερκειμένου.. Βασίστηκε στην ανάγκη να είναι δυνατή η κοινή χρήση εγγράφων και αρχείων. Σε αυτή τη δημοσίευση που μιλάει για την HTML, περιγράφονται συνολικά 22 ετικέτες που δίδαξαν έναν αρχικό και απλό σχεδιασμό του τι ήταν αυτή η γλώσσα.
Επί του παρόντος, αρκετές από αυτές τις ετικέτες που αναφέρθηκαν πριν από χρόνια διατηρούνται ακόμη, σε σύγκριση με άλλα που έχουν αφεθεί στην άκρη και άλλα που έχουν προστεθεί με την πάροδο του χρόνου. Από ότι μπορούμε να επισημάνουμε, ότι σε όλη την ιστορία του υπήρξαν διαφορετικές εκδόσεις HTML.
Ας θυμηθούμε ότι αυτός ο τύπος γλώσσας μπορεί να υποβληθεί σε επεξεργασία μόνο μέσω προγράμματος περιήγησης όπως αυτά που χρησιμοποιούμε αυτήν τη στιγμή σε αυτόν τον ιστότοπο για να διαβάσουμε την εν λόγω δημοσίευση.
Τύποι ετικετών
Ένα από τα πράγματα που έχουμε επισημάνει στην προηγούμενη ενότητα είναι ότι η γλώσσα HTML αποτελείται από διαφορετικές ετικέτες. Αυτές οι ετικέτες για όσους δεν ξέρουν, είναι ένα είδος θραυσμάτων κειμένου που προστατεύονται από αγκύλες ή αγκύλες των οποίων ο στόχος είναι να γράψουν τον εν λόγω κώδικα.
αυτές οι ετικέτες, Συνήθως οριοθετούνται από αυτό που γνωρίζουμε στην παρένθεση στην άκρη <>, δηλαδή?. Αυτά χρησιμοποιούνται για να περιγράψουν αυτό που θέλετε να εμφανίζεται στον ιστό, όσον αφορά την εμφάνιση.
Σε HTML καιδιαπιστώνουμε ότι ορίζεται μια μεγάλη ποικιλία διαφορετικών ετικετών. Ανάλογα με τη χρήση που πρόκειται να του γίνει, θα δούμε μερικά από αυτά παρακάτω.
- ετικέτα ανοίγματος: είναι αυτά που χρησιμοποιούνται στην αρχή των σελίδων. Μας λέει πού αρχίζει ή που τελειώνει ένα συγκεκριμένο στοιχείο. Το όνομα του στοιχείου πρέπει να βρίσκεται ανάμεσα στις αιχμηρές παρενθέσεις.
- ετικέτες κλεισίματος: το ίδιο όπως και στην προηγούμενη περίπτωση, αλλά αυτά δηλώνουν το τέλος ενός στοιχείου. Διαφέρουν κυρίως στον τρόπο γραφής, αφού εμφανίζεται μια διαγώνια γραμμή.
- ετικέτες τίτλου: Θα υποδείξουν ότι αυτό που τοποθετείται στη συνέχεια είναι ο τίτλος της σελίδας μας.
- ετικέτες σώματος: σε αυτή την περίπτωση, μιλάμε για τις ετικέτες που υποδεικνύουν το μέρος του σώματος του κειμένου, δηλαδή τα μπλοκ κειμένου που ακολουθούν.
- ετικέτα κεφαλίδας: όπως αποκαλύπτει το όνομά του, είναι μια ετικέτα που υποδεικνύει τον τίτλο ή την κεφαλίδα της σελίδας μας.
- ετικέτα υποτίτλων: σε αυτή την περίπτωση μιλάμε για υπότιτλους επιπέδου 2.
- ετικέτα παραγράφου: είναι αυτά που χρησιμοποιούνται για να εμφανιστεί το κείμενό μας σε μια γραμμή ομαδοποιημένα.
- Ετικέτα κάτω τμήματος: Δείχνει στο κάτω μέρος ενός κειμένου. Μπορεί να ταυτιστεί με το συμπέρασμα ή με το τελικό μέρος της σελίδας όπου εμφανίζονται τα στοιχεία επικοινωνίας ή τα κοινωνικά δίκτυα.
- Ετικέτα άνω τμήματος: αναφερόμαστε στην κορυφή ενός κειμένου ή μιας κεφαλίδας στη σελίδα.
- τολμηρή ετικέτα: όπως όλοι γνωρίζουμε, είναι επιφορτισμένοι να αναδείξουν κάποιο στοιχείο που περικλείει το κείμενό μας.
- πλάγιες ετικέτες: παρόμοια με την προηγούμενη περίπτωση, αλλά εδώ εμφανίζεται αυτό που υποδεικνύεται με πλάγιους χαρακτήρες.
- ετικέτα εικόνας: είναι αυτό που χρησιμοποιούμε όταν θέλουμε να εισάγουμε μια εικόνα στη σελίδα μας.
- ετικέτες συνδέσμων: εάν θέλουμε να προσθέσουμε συνδέσμους οπουδήποτε στον ιστότοπό μας, πρέπει να προσθέσουμε αυτήν την ετικέτα.
Αυτές είναι μερικές από τις κύριες ετικέτες που χρησιμοποιούνται στη γλώσσα HTML. Για κάθε ετικέτα που ανοίγουμε, πρέπει να θυμόμαστε ότι πρέπει να την κλείνουμε, διαφορετικά δεν θα έχουμε συμπεριλάβει σωστά την εν λόγω ετικέτα. Αν το κάνετε με τον σωστό τρόπο, θα επιτύχετε μια καλά δομημένη γλώσσα HTML. Ένας κακογραμμένος κώδικας μπορεί να δημιουργήσει σφάλματα στη δημιουργία της σελίδας. Επιπλέον, το πρόγραμμα περιήγησης δεν το αναγνωρίζει και μας εμφανίζεται μια κενή οθόνη ή η σελίδα εμφανίζεται απευθείας ως έχει.
Τώρα που ξέρετε τι είναι η HTML, σε τι χρησιμεύει και μερικές από τις πιο βασικές ετικέτες της, έχετε κατανοήσει τη βασική δομή αυτής της γλώσσας για την οποία μιλάμε. Μόλις το μάθετε αυτό, σας ενθαρρύνουμε να χρησιμοποιήσετε τις διαφορετικές ετικέτες που έχουμε ονομάσει και να προσθέσετε νέες, για να δημιουργήσετε και να εξασκήσετε αυτά που έχετε μάθει.