X Ετικέτες HTML που χρησιμοποιούνται συνήθως για αρχάριους

Εάν θέλετε να γίνετε προγραμματιστής front-end, μια από τις πιο κοινές συμβουλές που θα λάβετε είναι να μάθετε HTML. Η γλώσσα σήμανσης υπερκειμένου, που συντομεύεται ως HTML, είναι το θεμέλιο των περισσότερων ιστοσελίδων.

Η HTML αποτελείται από διαφορετικά πράγματα, όπως ετικέτες, χαρακτηριστικά και στοιχεία. Η εστίασή μας θα είναι οι ετικέτες HTML. Χρησιμοποιούμε ετικέτες HTML για να πούμε στα προγράμματα περιήγησης πώς να δομούν το περιεχόμενο σε επικεφαλίδες, τίτλους, παραγράφους, εικόνες και πολλά άλλα. Οι ετικέτες HTML είναι επομένως σαν λέξεις-κλειδιά που καθορίζουν πώς το πρόγραμμα περιήγησης θα εμφανίσει ή θα μορφοποιήσει το περιεχόμενο.

Οι διακομιστές διαβάζουν ετικέτες HTML από πάνω προς τα κάτω. Δεν υπάρχει περιορισμός στον αριθμό των ετικετών HTML που πρέπει να έχει μια ιστοσελίδα.

  • Όλες οι ετικέτες HTML περικλείονται στο <>
  • Κάθε ετικέτα HTML εκτελεί μια διαφορετική λειτουργία
  • Οι περισσότερες ετικέτες HTML έχουν άνοιγμα και κλείσιμο

Πίνακας περιεχομένων

Ετικέτες HTML έναντι στοιχείων HTML έναντι χαρακτηριστικών HTML

Οι περισσότεροι άνθρωποι χρησιμοποιούν τους όρους ετικέτες και στοιχεία HTML εναλλακτικά. Είναι όμως το ίδιο; Τεχνικά, τα στοιχεία HTML και οι ετικέτες HTML είναι διαφορετικά.

Οι ετικέτες HTML ορίζουν στοιχεία HTML. Για να επιτευχθεί αυτό, το περιεχόμενο αναδιπλώνεται χρησιμοποιώντας ένα όνομα ετικέτας ανοίγματος και κλεισίματος που ταιριάζει με το περιεχόμενο της ετικέτας με την οποία εργαζόμαστε.

Αυτό είναι ένα παράδειγμα στοιχείου HTML:

<p> This is a paragraph </p> 

Το

είναι ένα παράδειγμα ετικέτας HTML

Τα χαρακτηριστικά HTML παρέχουν πρόσθετες πληροφορίες σχετικά με τα στοιχεία HTML σε ένα έγγραφο. Τα χαρακτηριστικά βρίσκονται μέσα σε στοιχεία HTML.

Αυτό είναι ένα παράδειγμα ενός χαρακτηριστικού HTML

<button id=" SubmitOrder" class="btn">Order</button> 

Ετικέτες HTML που πρέπει να γνωρίζουν όλοι

Η HTML ως γλώσσα σήμανσης έχει εξελιχθεί με τα χρόνια από τότε που ο Tim Berners-Lee την παρουσίασε το 1993. Η πρώτη έκδοση HTML είχε 18 ετικέτες. Νέες ετικέτες προστίθενται σε κάθε έκδοση HTML. η πιο πρόσφατη αναβάθμιση ήταν η HTML5 το 2014.

Μια στενή σύγκριση μεταξύ HTML και HTML5 δείχνει ότι το τελευταίο έχει σημασιολογικές ετικέτες όπως

,

και