Τι πρέπει να ξέρετε για ετικέτες HTML
HTML είναι η γλώσσα του Ιστού. Οι ιστοσελίδες που βλέπετε στον υπολογιστή ή το τηλέφωνό σας, συμπεριλαμβανομένου αυτού, είναι γραμμένες σε Hypertext Markup Language χρησιμοποιώντας τα γνωστά ως "ετικέτες HTML". Μπορείτε να σκεφτείτε HTML ως τον "κώδικα κάτω από τον κουκούλα" που ελέγχει τη δομή μιας ιστοσελίδας.
Τελικά, όταν μαθαίνετε κάποια νέα γλώσσα, ξεκινάτε με απλές φράσεις και χτίζετε από εκεί. Η εκμάθηση της HTML δεν διαφέρει. Θα ξεκινήσετε γνωρίζοντας κοινές ετικέτες HTML. Αυτό είναι το ισοδύναμο της μάθησης "απλών φράσεων" σε μια προφορική γλώσσα. Αυτές οι φράσεις γίνονται το υπόβαθρο πάνω στο οποίο δημιουργείτε τις γνώσεις και την ομιλία σας, ακριβώς όπως οι ετικέτες HTML είναι το θεμέλιο που θα δημιουργήσετε τις ικανότητές σας για ανάπτυξη ιστοσελίδων.
Μορφή ετικέτας HTML
Μπορείτε να αναγνωρίσετε μια ετικέτα HTML επειδή περιβάλλεται από τους χαρακτήρες <και> στην αρχή και στο τέλος της ετικέτας. Μεταξύ αυτών των δύο χαρακτήρων θα ήταν άλλο κείμενο που καθορίζει τι είδους ετικέτα HTML γράφεται. Για παράδειγμα, αν γνωρίζετε ότι "hr" σημαίνει οριζόντιος κανόνας (ή γραμμή), θα γράψετε αυτό για την ετικέτα HTML:
Μόλις γράψατε μια ετικέτα HTML που σχεδιάζει έναν οριζόντιο κανόνα σε μια ιστοσελίδα.
Οι περισσότερες ετικέτες HTML έρχονται σε ζεύγη. Τοποθετούνται στην αρχή και στο τέλος ενός τμήματος κειμένου για να υπαγορεύσουν το περιεχόμενο που θα περιέχουν. Αυτά τα ζεύγη ετικετών αποτελούν στοιχεία HTML . Όταν μαθαίνετε ότι και strong> είναι οι ετικέτες έναρξης και λήξης για να κάνετε το κείμενο με έντονους χαρακτήρες, αρχίζετε να καταλαβαίνετε πώς οι ετικέτες HTML επηρεάζουν την εμφάνιση κειμένου σε μια ιστοσελίδα.
Αυτή η πρόταση θα εμφανίζεται με όλα τα έντονα γράμματα λόγω των ετικετών.
Σημειώστε ότι η ισχυρή ετικέτα κλεισίματος (η οποία σημαίνει "ισχυρή έμφαση και η οποία, από προεπιλογή, καθιστά το κείμενο ως έντονη) είναι ίδια με την ανοικτή έντονη ετικέτα εκτός από το ότι περιλαμβάνει μια κάθετο στην ετικέτα.Αυτή είναι η μορφή που ακολουθείται από τα περισσότερα Ετικέτες HTML Η ετικέτα ανοίγματος και οι ετικέτες κλεισίματος είναι οι ίδιες, με την προσθήκη μιας κάθετης στο κλείσιμο που ακολουθεί τον πρώτο <χαρακτήρα.
Συνδυασμοί ετικετών HTML
Οι ετικέτες HTML χρησιμοποιούνται συχνά σε συνδυασμό. Οι ετικέτες ανοίγματος και κλεισίματος για κείμενο με έμφαση (πλάγια γραφή) είναι και em>. Η προσθήκη των ετικέτων πλάγιας γραμμής σε μια μόνο λέξη με το αδυσώπητο παράδειγμα φράσης που προκαλεί τη εμφάνιση της λέξης είναι τόσο τολμηρή όσο και πλάγια στην ιστοσελίδα.
Αυτή η πρόταση θα εμφανίζεται με όλα τα έντονα γράμματα λόγω των ετικετών.
Κάθε φορά που χρησιμοποιούνται πολλές ετικέτες μαζί σε ένα στοιχείο μιας ιστοσελίδας, με ορισμένες ετικέτες που εμφανίζονται μέσα σε άλλες, αναφέρονται ως ετικέτες HTML. Πρέπει να θυμάστε ότι μια έγχρωμη ετικέτα, οι οποίες είναι οι ετικέτες μέσα σε άλλους, πρέπει να είναι κλειστή πριν από την περιέλευση των ετικετών τους μπορεί να κλείσει. Κοιτάξτε αυτό το παράδειγμα:
Αυτό είναι ένα κείμενο που υπογραμμίζεται em> για συγκεκριμένο λόγο. p>
Θα πρέπει να παρατηρήσετε ότι η ετικέτα ανοίγει μέσα στο , πράγμα που σημαίνει ότι πρέπει να κλείσει πριν εμφανιστεί η ετικέτα κλεισίματος p>. Σκεφτείτε τις ένθετες ετικέτες όπως κιβώτια μέσα σε άλλα πλαίσια. Τα εσωτερικά κιβώτια πρέπει να είναι κλειστά πριν από το εξωτερικό τους, τα οποία περιέχουν κιβώτια. Υπάρχουν δεκάδες ετικέτες HTML σε έγκυρο HTML. Ορισμένες ετικέτες HTML υπαγορεύουν πολύ κοινά, βασικά στοιχεία όπως οι παράγραφοι, ενώ άλλα είναι πιο περίπλοκα και προσθέτουν περισσότερες λειτουργίες, όπως ετικέτες συνδέσμων ή "άγκυρας". Μια λίστα ετικετών HTML δίνει ένα στιγμιότυπο των πολλών λειτουργιών που μπορούν να εκτελούν οι ετικέτες σε μια ιστοσελίδα που χρησιμοποιεί ετικέτες. Υπάρχουν επίσης ορισμένες ετικέτες που απαιτούνται από όλες τις ιστοσελίδες. Καθώς δημιουργείτε την πρώτη σας σελίδα, θα χρησιμοποιήσετε την ετικέτα , η οποία αρχίζει μια ιστοσελίδα. Ετικέτες HTML και ιστοσελίδες
Μια λίστα με ετικέτες HTML δεν είναι πολύ χρήσιμη μέχρι να περάσετε από ένα εκπαιδευτικό πρόγραμμα HTML, αλλά αφού το κάνετε, μπορείτε να χρησιμοποιήσετε ετικέτες HTML για να δημιουργήσετε τη δική σας ιστοσελίδα. Μία σημείωση, μην είστε συγκλονισμένοι από τον αριθμό πιθανών ετικετών HTML. Ενώ υπάρχουν εκατοντάδες πιθανές ετικέτες που μπορείτε να χρησιμοποιήσετε, η πραγματικότητα είναι ότι είναι πιθανό να χρησιμοποιήσετε μόνο μια χούφτα τους ξανά και ξανά. Στην πραγματικότητα, υπάρχουν μερικές ετικέτες HTML που δεν έχω χρησιμοποιήσει ούτε μία φορά στις δεκαετίες της δημιουργίας ιστοσελίδων!
Απορριμμένες ετικέτες
Το HTML5 είναι το σημερινό πρότυπο σήμανσης. Ορισμένες από τις ετικέτες που χρησιμοποιήθηκαν σε προηγούμενες εκδόσεις κώδικα HTML αντιμετωπίζονται πλέον από φύλλα στυλ σε HTML5. Οι απαλοιμένες ετικέτες HTML έχουν καταργηθεί από τις προδιαγραφές HTML. Είναι καλύτερο να μην χρησιμοποιείτε τυχόν απαρχαιωμένες ετικέτες.
Αρχικό άρθρο από την Jennifer Krynin. Επεξεργασμένο από τον Jeremy Girard στις 5/2/17