Learning HTML Part 2: Κατανόηση των ετικετών, χαρακτηριστικών και στοιχείων σε HTML
Μετά τον προσδιορισμό του επεξεργαστή κειμένου για να διευκολυνθείΚατά τη σύνταξη κώδικα HTML, θα συζητήσουμε τώρα τη βασική δομή σε HTML. Ίσως έχετε ακούσει για την ετικέτα ονόματος, ιδιότητα ή στοιχείο; Αν δεν έχετε ποτέ, βεβαιωθείτε ότι έχετε διαβάσει την τρίτη εξήγηση του περιεχομένου αυτού του άρθρου.
Και οι δύο ετικέτες, τα χαρακτηριστικά και τα στοιχεία έχουνένα σημαντικό ρόλο στην οικοδόμηση μιας ιστοσελίδας, παρόλο που είναι απλά ένας απλός ιστότοπος. Ανατρέξτε στην παρακάτω εξήγηση για να κατανοήσετε καλύτερα ποιες ετικέτες, χαρακτηριστικά και στοιχεία είναι:
1. Ετικέτα
Η βασική δομή ενός εγγράφου περιέχει τουλάχιστον ετικέτες. Οι ετικέτες σε ένα έγγραφο HTML προορίζονται να ενημερώσουν το πρόγραμμα περιήγησης για το πώς θα εμφανίζεται το κείμενο.
Οι περισσότερες ετικέτες στη HTML γράφονται με έναν τρόποόπως <body> και </ body>. <body> εδώ ονομάζεται ετικέτα ανοίγματος και </ body> είναι η ετικέτα κλεισίματος. Για να κατανοήσετε καλύτερα τη λειτουργία αυτής της ετικέτας, προσπαθούμε να δημιουργήσουμε έναν απλό κώδικα HTML όπως παρακάτω:
<!DOCTYPE html>
<html>
<body>
Belajar HTML untuk Pemula bersama Nesaba Media
</body>
</html>Στο παράθυρο του προγράμματος περιήγησης, θα μοιάζει με αυτό:
Όπως μπορείτε να δείτε στην παραπάνω εικόνα, στο παράθυρο του προγράμματος περιήγησης εμφανίζεται μόνο το κείμενο "Learning HTML for Beginners with Nesaba Media". Έτσι μόνο κείμενο το οποίο βρίσκεται μεταξύ των ετικετών <body> και </ body> που θα εμφανίζονται στο παράθυρο του προγράμματος περιήγησης.
Σημείωση:
Θα πρέπει να σημειωθεί ότι δεν έχουν συνδυαστεί όλες οι ετικέτες σε HTML, για παράδειγμα ετικέτες <br> ετικέτες που χρησιμοποιούνται για τη δημιουργία νέων γραμμών.
Ίσως έχετε δει και ετικέτες <br /> καιαναρωτιέται ποια είναι η διαφορά με τις ετικέτες. Η ετικέτα είναι μια μορφή HTML σε άλλη γλώσσα σήμανσης, η οποία αναφέρεται συχνά ως XML. Παρόλα αυτά, η χρήση ετικετών <br> και <br /> εξακολουθεί να θεωρείται έγκυρη σε HTML5 (συνιστώ ανεπιθύμητη χρήση ετικετών μόνο για τη δημιουργία νέων γραμμών). Για μια βαθύτερη συζήτηση, ο Θεός πρόθυμος, θα το κάνω σε ένα διαφορετικό άρθρο διότι σε αυτό το σεμινάριο επικεντρωνόμαστε μόνο σε HTML και όχι XML.
2. Χαρακτηριστικό
Η ετικέτα συνήθως περιέχει επίσης ένα χαρακτηριστικό γνώρισμα (χαρακτηριστικό), το οποίο είναι μια πρόσθετη πληροφορία που τοποθετείται στην ετικέτα ανοίγματος, για παράδειγμα <p class = "άνοιγμα"> .............. </ p>. Πρέπει να σημειωθεί ότι κάθε όνομα και αξία κάθε χαρακτηριστικού έχει διαφορετική λειτουργία.
3. Στοιχείο
Όλα τα περιεχόμενα στην ετικέτα ανοίγματος μέχρι την ετικέτατο κάλυμμα ονομάζεται στοιχείο. Για παράδειγμα, οτιδήποτε στις ετικέτες <body> και </ body> ονομάζεται στοιχείο σώματος ενώ <body> και </ body> είναι ετικέτες και όχι στοιχεία.
Ένα άλλο παράδειγμα είναι, <title> Nesaba Media </ title> είναι τίτλος στοιχείου. Για περισσότερες λεπτομέρειες, μπορείτε να δείτε την παρακάτω εικόνα για να διακρίνετε μεταξύ ετικετών, χαρακτηριστικών και στοιχείων:
Ίσως πρόκειται για μια εξήγηση των ετικετών, χαρακτηριστικώνκαι στοιχείο. Με αυτό το άρθρο, ελπίζουμε ότι μπορείτε να διακρίνετε αυτούς τους τρεις όρους. Για το επόμενο σεμινάριο, θα συζητήσουμε τη χρήση των ετικετών τίτλων και των δηλώσεων Doctype σε έγγραφα HTML.
