html cheat sheet quick guide html tags
Ανατρέξτε σε αυτό το πλήρες φύλλο εξαπάτησης HTML για να μάθετε σχετικά με διάφορες ετικέτες κωδικοποίησης HTML που χρησιμοποιούνται συνήθως με παραδείγματα κώδικα:
Καθώς ξεκινάμε το σεμινάριο, θα καταλάβουμε πρώτα τι είναι η γλώσσα HTML και περαιτέρω στο σεμινάριο, θα ρίξουμε μια ματιά στις διάφορες ετικέτες HTML. Εδώ, θα κατανοήσουμε επίσης ορισμένες από τις ετικέτες που χρησιμοποιούνται στο HTML5.
Ας αρχίσουμε λοιπόν και πρώτα να καταλάβουμε τι είναι HTML.
Τι θα μάθετε:
Τι είναι HTML
Το HTML σημαίνει Hyper Text Markup Language. Είναι μια γλώσσα σήμανσης που εφευρέθηκε από τον Tim Berners-Lee το έτος 1991. Με απλά λόγια, μπορούμε να πούμε ότι αυτή είναι μια γλώσσα που περιγράφει τον τρόπο εμφάνισης του περιεχομένου σε μια ιστοσελίδα. Για το σκοπό αυτό, χρησιμοποιεί ετικέτες εντός των οποίων ενσωματώνεται το προς εμφάνιση κείμενο. Το πρόγραμμα περιήγησης ερμηνεύει αυτές τις ετικέτες για να εμφανίσει το κείμενο στην οθόνη.
Υπήρξαν πολλές αναθεωρήσεις στο HTML και η πιο πρόσφατη διαθέσιμη είναι η HTML5 που κυκλοφόρησε το έτος 2014.
Τι είναι ένα φύλλο εξαπάτησης HTML
Το HTML Cheat Sheet είναι ένας γρήγορος οδηγός αναφοράς που παραθέτει τις ετικέτες HTML που χρησιμοποιούνται συνήθως και τα χαρακτηριστικά τους. Οι ετικέτες είναι γενικά ομαδοποιημένες κατηγορίες για εύκολη αναγνωσιμότητα.
Ετικέτες HTML
Παρακάτω έχουμε ομαδοποιήσει τις ετικέτες σε διάφορες κατηγορίες και θα μάθουμε για τις ετικέτες που εμπίπτουν σε κάθε κατηγορία μαζί με παραδείγματα.
Βασικές ετικέτες
Ετικέτες | Σκοπός | ||
---|---|---|---|
.... | Προσχηματισμένο κείμενο (διατηρούνται τα διαστήματα, η αλλαγή γραμμής και η γραμματοσειρά) | HELLO Sam | HELLO Sam |
... | Αυτή είναι η γονική ετικέτα (στοιχείο ρίζας) για οποιοδήποτε έγγραφο HTML. Όλο το μπλοκ κώδικα HTML είναι ενσωματωμένο σε αυτήν την ετικέτα | ||
... | Αυτή η ετικέτα παρέχει γενικές πληροφορίες σχετικά με το έγγραφο, όπως τον τίτλο του και συνδέσμους σε φύλλα στυλ (εάν υπάρχουν). Αυτές οι πληροφορίες δεν εμφανίζονται στην ιστοσελίδα. | ||
... | Η ιστοσελίδα μου | ||
... | Η πρώτη μου ιστοσελίδα |
Απόσπασμα κώδικα:
My Web Page My First Web Page
Παραγωγή:
Η ιστοσελίδα μου
(Εμφανίζεται στη γραμμή τίτλου του προγράμματος περιήγησης)
Η πρώτη μου ιστοσελίδα
(Εμφανίζεται ως περιεχόμενο ιστοσελίδας)
Μεταετικέτες πληροφοριών
Ετικέτες | Σκοπός |
---|---|
| Αυτό χρησιμοποιείται για τον καθορισμό της βασικής διεύθυνσης URL του ιστότοπου. |
| Περιέχει πληροφορίες όπως Ημερομηνία δημοσίευσης, όνομα συγγραφέα κ.λπ. |
| Περιέχει τις πληροφορίες που σχετίζονται με την εμφάνιση της ιστοσελίδας. |
Χρησιμοποιείται για να υποδείξει εξωτερικούς συνδέσμους, κυρίως φύλλα στυλ. Είναι μια κενή ετικέτα και περιέχει μόνο χαρακτηριστικά. | |
…. | Χρησιμοποιείται για την προσθήκη αποσπασμάτων κώδικα για να κάνει μια ιστοσελίδα δυναμική. |
Απόσπασμα κώδικα:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area
Παραγωγή:
Ιστοσελίδα του Rashmi
(Εμφανίζεται στη γραμμή τίτλου του προγράμματος περιήγησης)
Αυτή είναι η περιοχή περιεχομένου της ιστοσελίδας του Rashmi
(Εμφανίζεται ως περιεχόμενο ιστοσελίδας)
Ετικέτες μορφοποίησης κειμένου
Ετικέτα | Σκοπός | Απόσπασμα κώδικα | Παραγωγή |
---|---|---|---|
.... | Κάνει το κείμενο έντονο | γεια σας | γεια σας |
.... | Κάνει το κείμενο πλάγιο | γεια σας | γεια σας |
.... | Υπογραμμίζει το κείμενο | γεια σας | γεια σας |
.... | Διαγράψτε το κείμενο | γεια σας | γεια σας |
.... | Κάνει το κείμενο έντονο (Το ίδιο με .. ετικέτα) | γεια σας | γεια σας |
.... | Κάνει το κείμενο πλάγιο (Το ίδιο με .. ετικέτες) | γεια σας | γεια σας |
.... | Η ετικέτα επικεφαλίδας - # μπορεί να κυμαίνεται από 1 έως 6 | Από την άλλη πλευρά, η ετικέτα έναρξης ή λήξης είναι αυτό που αναφέρεται ως ετικέτα HTML. Παράδειγμα: ή Ε # 7) Ποιοι είναι οι 2 τύποι ετικετών σε HTML; Απάντηση: Υπάρχουν δύο τύποι ετικετών σε ετικέτες HTML Paired και Unpaired ή Singular. Συζευγμένες ετικέτες - Όπως υποδηλώνει το όνομα, αυτές είναι ετικέτες που περιλαμβάνουν 2 ετικέτες. Το ένα ονομάζεται ετικέτα ανοίγματος και το άλλο ονομάζεται ετικέτα κλεισίματος. Για παράδειγμα: , και τα λοιπά. Μη ζευγαρωμένες ετικέτες - Αυτές οι ετικέτες είναι μεμονωμένες ετικέτες και έχουν μόνο την ετικέτα ανοίγματος και καμία ετικέτα κλεισίματος. Για παράδειγμα: Ε # 8) Ποια είναι η διαφορά μεταξύ μιας ετικέτας κοντέινερ και μιας κενής ετικέτας; Απάντηση: Ετικέτες κοντέινερ είναι αυτές οι ετικέτες που έχουν μια ετικέτα ανοίγματος ακολουθούμενη από περιεχόμενο και μια ετικέτα κλεισίματος. Για παράδειγμα: , Κενές ετικέτες είναι οι ετικέτες που δεν έχουν περιεχόμενο ή / και ετικέτα κλεισίματος. Για παράδειγμα: Q # 9) Ποια είναι η μεγαλύτερη ετικέτα επικεφαλίδας; Απάντηση: είναι η μεγαλύτερη ετικέτα επικεφαλίδας στην ετικέτα HTML.Q # 10) Ποια είναι η επιλεγμένη ετικέτα σε HTML; Απάντηση: Το Atag χρησιμοποιείται για τη δημιουργία μιας αναπτυσσόμενης λίστας. Χρησιμοποιείται συχνότερα σε φόρμες στις οποίες πρέπει να συλλέγεται η είσοδος χρήστη. Ακολουθεί ένα απόσπασμα κώδικα μαζί με την έξοδο της ετικέτας. Δείχνει επίσης τα κοινά χαρακτηριστικά αυτής της ετικέτας. Απόσπασμα κώδικα:
Παραγωγή: συμπέρασμαΕλπίζω αυτό το άρθρο να σας δώσει μια κατανόηση για το τι είναι ακριβώς ένα φύλλο εξαπάτησης HTML. Ο στόχος ήταν να μοιραστούμε με τους αναγνώστες μας έναν γρήγορο οδηγό αναφοράς διαφόρων ετικετών HTML που χρησιμοποιούνται συχνά. πώς να ελέγξετε για sql ένεση Έχουμε επίσης δει Βασικές ετικέτες, ετικέτες Meta Information, ετικέτες μορφοποίησης κειμένου, Φόρμες, Πλαίσια, Λίστες, Εικόνες, Σύνδεσμοι, Πίνακες και Ετικέτες εισαγωγής. Ορισμένες ετικέτες, που χρησιμοποιούνται γενικά μαζί με την ετικέτα FORM όπως Select and Button, καλύπτονται επίσης σε αυτό το άρθρο. Μάθαμε επίσης για τις ετικέτες που εισήχθησαν με HTML5. Για καθεμία από τις ετικέτες, μάθαμε για τα πιο συνηθισμένα χαρακτηριστικά που χρησιμοποιούνται μαζί με τις ετικέτες και επίσης είδαμε τον σχετικό κώδικα και την έξοδο. Συνιστώμενη ανάγνωση
^
|