Η HTML είναι η γλώσσα του Ιστού. Οι ιστοσελίδες που βλέπετε στον υπολογιστή ή στο τηλέφωνό σας, συμπεριλαμβανομένης αυτής, είναι γραμμένες σε γλώσσα σήμανσης υπερκειμένου χρησιμοποιώντας τις γνωστές ως "ετικέτες HTML". Μπορείτε να σκεφτείτε το HTML ως τον «κωδικό κάτω από την κουκούλα» που ελέγχει τη δομή μιας ιστοσελίδας.
Τελικά, όταν μαθαίνετε οποιαδήποτε νέα γλώσσα, ξεκινάτε με απλές φράσεις και χτίζετε από εκεί. Μαθαίνω για HTML δεν είναι διαφορετικό. Θα ξεκινήσετε με την τελειοποίηση κοινών ετικετών HTML. Αυτό είναι το ισοδύναμο της εκμάθησης "απλών φράσεων" σε μια προφορική γλώσσα. Αυτές οι φράσεις γίνονται το θεμέλιο πάνω στο οποίο βασίζεστε τις γνώσεις και την ομιλία σας, όπως ακριβώς οι ετικέτες HTML είναι το θεμέλιο πάνω στο οποίο θα οικοδομήσετε τις δεξιότητές σας στην ανάπτυξη ιστού.
Μορφή ετικέτας HTML
Μπορείτε να αναγνωρίσετε μια ετικέτα HTML επειδή περιβάλλεται από τους χαρακτήρες στην αρχή και στο τέλος της ετικέτας. Μεταξύ αυτών των δύο χαρακτήρων θα ήταν άλλο κείμενο που καθορίζει τι είδους ετικέτα HTML γράφεται. Για παράδειγμα, εάν γνωρίζετε ότι το "hr" σημαίνει οριζόντιο κανόνα (ή γραμμή) θα το γράφατε για την ετικέτα HTML:
Μόλις γράψατε μια ετικέτα HTML που αντλεί έναν οριζόντιο κανόνα σε μια ιστοσελίδα.
Οι περισσότερες ετικέτες HTML έρχονται σε ζεύγη. Τοποθετούνται στην αρχή και στο τέλος μιας ενότητας κειμένου για να υπαγορεύσουν το περιεχόμενο που θα περιέχουν. Αυτά τα ζεύγη ετικετών συνθέτουν Στοιχείο HTMLμικρό. Όταν το μάθετε αυτό και είναι οι ετικέτες ανοίγματος και κλεισίματος για το έντονο κείμενο, αρχίζετε να καταλαβαίνετε πώς οι ετικέτες HTML επηρεάζουν την εμφάνιση κειμένου σε μια ιστοσελίδα.
Αυτή η πρόταση θα εμφανίζεται με έντονη γραφή λόγω των κρυφών ετικετών HTML.
Η ισχυρή ετικέτα κλεισίματος (που σημαίνει "έντονη έμφαση και η οποία, από προεπιλογή, καθιστά το κείμενο με έντονη γραφή) είναι πανομοιότυπη με την αρχική ισχυρή ετικέτα εκτός από το ότι περιλαμβάνει κάθετο στην ετικέτα. Αυτή είναι η μορφή που ακολουθείται από τις περισσότερες ετικέτες HTML. Οι ετικέτες ανοίγματος και κλεισίματος είναι οι ίδιες, με την προσθήκη κάθετος στο κλείσιμο που ακολουθεί τον πρώτο χαρακτήρα "
Συνδυασμοί ετικετών HTML
Οι ετικέτες HTML χρησιμοποιούνται συχνά σε συνδυασμό. Οι ετικέτες ανοίγματος και κλεισίματος για τονισμένο (πλάγιο) κείμενο είναι και . Η προσθήκη των πλάγιων ετικετών σε μία λέξη στο παράδειγμα με τολμηρή πρόταση προκαλεί τη λέξη που εμφανίζεται τόσο έντονη όσο και πλάγια στην ιστοσελίδα.
Αυτή η πρόταση θα εμφανιστεί σε όλα τολμηρός λόγω των κρυφών ετικετών HTML.
Κάθε φορά που πολλές ετικέτες χρησιμοποιούνται μαζί σε ένα στοιχείο μιας ιστοσελίδας, με ορισμένες ετικέτες να εμφανίζονται μέσα σε άλλες, αναφέρονται ως ένθετες ετικέτες HTML. Πρέπει να το θυμάσαι αυτό ένθετες ετικέτες, οι οποίες είναι οι ετικέτες μέσα σε άλλους, πρέπει να κλείσουν πριν κλείσουν οι ετικέτες που περιέχουν. Κοιτάξτε αυτό το παράδειγμα:
Αυτό είναι κείμενο που είναι τόνισε για συγκεκριμένο λόγο.
Θα πρέπει να παρατηρήσετε ότι το η ετικέτα ανοίγει μέσα στο
, που σημαίνει ότι πρέπει να κλείσει πριν από το
εμφανίζεται η ετικέτα κλεισίματος. Σκεφτείτε ένθετες ετικέτες όπως κουτιά μέσα σε άλλα κουτιά. Τα εσωτερικά κουτιά πρέπει να είναι κλειστά πριν από το εξωτερικό τους, που περιέχουν κουτιά.Ετικέτες HTML και ιστοσελίδες
Υπάρχουν δεκάδες ετικέτες HTML σε έγκυρο HTML. Ορισμένες ετικέτες HTML υπαγορεύουν πολύ κοινά, βασικά στοιχεία όπως παραγράφους, ενώ άλλες είναι πιο περίπλοκες και προσθέτουν περισσότερη λειτουργικότητα, όπως συνδέσμους ή ετικέτες "αγκύρωσης". Μια λίστα με ετικέτες HTML παρέχει ένα στιγμιότυπο από τις πολλές λειτουργίες που μπορούν να εκτελέσουν οι ετικέτες σε μια ιστοσελίδα χρησιμοποιώντας ετικέτες.
Υπάρχουν επίσης μερικές ετικέτες που απαιτούνται από όλες τις ιστοσελίδες. Καθώς δημιουργείτε την πρώτη σας σελίδα, θα χρησιμοποιήσετε το.
Μια λίστα με ετικέτες HTML δεν βοηθάει πολύ μέχρι να περάσετε από ένα σεμινάριο HTML, αλλά αφού το κάνετε, μπορείτε να χρησιμοποιήσετε ετικέτες HTML για να δημιουργήσετε τη δική σας ιστοσελίδα. Μια σημείωση, μην κατακλύζεστε από τον αριθμό των πιθανών ετικετών HTML. Ενώ υπάρχουν εκατοντάδες πιθανές ετικέτες για χρήση, η πραγματικότητα είναι ότι είναι πιθανό να χρησιμοποιείτε μόνο μερικές από αυτές ξανά και ξανά. Στην πραγματικότητα, υπάρχουν μερικές ετικέτες HTML που δεν έχουμε χρησιμοποιήσει ποτέ ούτε μία φορά σε δεκαετίες εργασίας σχεδιασμού ιστοσελίδων!
Ετικέτες που έχουν καταργηθεί
HTML5 είναι το τρέχον πρότυπο σήμανσης. Ορισμένες από τις ετικέτες που χρησιμοποιήθηκαν σε παλαιότερες εκδόσεις του HTML αντιμετωπίζονται τώρα με φύλλα στυλ στο HTML5. Οι καταργημένες ετικέτες HTML έχουν αφαιρεθεί από τις προδιαγραφές HTML. Είναι καλύτερο να μην χρησιμοποιείτε παρωχημένες ετικέτες.