Ποια είναι η σελίδα HTML της σελίδας; Βασικά στοιχεία HTML
Εάν ανοίξετε οποιαδήποτε ιστοσελίδα, θα περιέχει τυπικά στοιχεία που δεν αλλάζουν από τον τύπο και την κατεύθυνση της τοποθεσίας. Το παράδειγμα 1 δείχνει τον κώδικα ενός απλού εγγράφου που περιέχει τα κύρια στοιχεία.
Παράδειγμα 1. Κωδικός πηγής μιας ιστοσελίδας
Τίτλος
Την πρώτη παράγραφο.
Δεύτερη παράγραφος.
Αντιγράψτε τα περιεχόμενα Αυτό το παράδειγμα Και να το αποθηκεύσετε στο φάκελο C: \\ www \\ κάτω από το όνομα του ονόματος2.HTML. Μετά από αυτό, εκτελέστε το πρόγραμμα περιήγησης και ανοίξτε το αρχείο μέσω του στοιχείου μενού. Αρχείο\u003e Ανοίξτε το αρχείο (Ctrl + O). Στο παράθυρο διαλόγου Επιλογή εγγράφων, καθορίστε το αρχείο του Παραδείγματος2.HTML. Το πρόγραμμα περιήγησης θα ανοίξει την ιστοσελίδα που φαίνεται στο ΣΧ. ένας.
Σύκο. 1. Το αποτέλεσμα του παραδείγματος στο πρόγραμμα περιήγησης
Στοιχείο (Jarg. Ιατροί) σχεδιασμένοι ώστε να καθορίζουν τον τύπο του τρέχοντος εγγράφου - DTD (ορισμός τύπου εγγράφου, περιγραφή του τύπου εγγράφου). Είναι απαραίτητο το πρόγραμμα περιήγησης να κατανοήσει τον τρόπο ερμηνείας της τρέχουσας ιστοσελίδας, επειδή το HTML υπάρχει σε διάφορες εκδόσεις - σύγχρονο HTML5 ή ξεπερασμένο HTML4 και XHTML. Στο πρόγραμμα περιήγησης "δεν συγχέεται" και κατανοητό, σύμφωνα με το πρότυπο για την εμφάνιση μιας ιστοσελίδας και πρέπει να ορίσετε την πρώτη σειρά.
Δεδομένου ότι θα συνεχίσουμε να εργαζόμαστε μόνο με HTML5, θα χρειαστούμε μόνο ένα σύντομο και σύγχρονο doctile.
Αναφέραμε ότι τα ονόματα των στοιχείων μπορούν να γραφτούν μικρά και Μεγάλα γράμματα. ΠΡΟΣ ΤΗΝ Αυτός ο κανόνας ισχύει και μπορεί να καταγραφεί με διαφορετικούς τρόπους. Ωστόσο, το όνομα αυτού του στοιχείου είναι παραδοσιακά γραμμένο στην κεφαλαία περίπτωση.
Ετικέτα ανοίγματος καθορίζει την αρχή του εγγράφου HTML, η κεφαλή αποθηκεύεται μέσα του (
) και το "σώμα" του εγγράφου ( ).Το περιεχόμενο αυτού του διαμερίσματος δεν εμφανίζεται απευθείας στη σελίδα, με εξαίρεση το στοιχείο
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού Μετά από μια ετικέτα ζευγαριού
. Σε αυτή την ετικέτα υπάρχουν όλες οι άλλες ετικέτες Html. Που δίνουν την προβολή της σελίδας και του όγκου. Αυτή η ετικέτα λαμβάνει χώρα όλη τη διαδικασία δημιουργίας του ιστότοπου.Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Αυτή η ετικέτα χρησιμοποιείται για να επισημάνει τους τίτλους στον ιστότοπο. Όσο μεγαλύτερος είναι ο αριθμός στην ετικέτα, η λιγότερο τιμή του τίτλου. Συνεπώς, όσο μικρότερο είναι ο τίτλος τόσο λιγότερη επίδραση στις μηχανές αναζήτησης στο σχέδιο βελτιστοποίησης του ιστότοπου. Αυτή η ετικέτα παίζει μεγάλο ρόλο όπως η ετικέτα
Ετικέτα ζευγαριών. Γραμμένο μέσα σε μια ετικέτα ζευγαριού
. Ο κύριος σκοπός αυτής της ετικέτας, ο διαχωρισμός των κειμένων για τα prierset.
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Είναι μια αναφορά σε άλλους τομείς του ίδιου Html. Σελίδες ή αναφορά σε άλλο ιστότοπο.
. Ο σκοπός είναι ο ίδιος με την ετικέτα, αλλά μπορεί να μοιράζεται ολόκληρο το περιεχόμενο εκ μέρους των χώρων μεταξύ τους. Φέρει μια μικρή σωματική δραστηριότητα.
Ανθεκτικό ετικέτα. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Η ετικέτα δείχνει ότι υπάρχει μια εικόνα σε αυτό το μέρος.
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Εισάγει έναν πίνακα στον ιστότοπο.
. Ο κύριος σκοπός αυτών των ετικετών για την κατασκευή περιοχών κειμένου Λίπος και Σύμβαση Για να προσελκύσει το ανθρώπινο μάτι. Αυτές οι ετικέτες σας επιτρέπουν να επισημάνετε την κύρια ιδέα του κειμένου.
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Η ετικέτα δεν φέρει το σημασιολογικό φορτίο, αλλά με τη βοήθεια αυτής της ετικέτας μπορείτε να διαθέσετε οποιαδήποτε περιοχή Html. Σελίδες με τις οποίες στο τραπέζι στυλ CSS μπορείτε να κάνετε οποιεσδήποτε αλλαγές στο σχέδιο σχεδιασμού.
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
. Ο σκοπός είναι ο ίδιος με την ετικέτα
Ζευγαρωμένες ετικέτες. Γραμμένο στην ετικέτα μεγαλύτερου ζευγαριού
. Μοιραστείτε το κείμενο σε καταλόγους με δείκτες.
Ζευγαρωμένες ετικέτες. Γραμμένο στην ετικέτα μεγαλύτερου ζευγαριού
Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού
Δύο χαρακτηριστικά της ουσίας των οποίων δίνουν τη διεύθυνση των πληροφοριών που καθορίζονται σε αυτά. Δηλαδή, δείχνουν τον τόπο όπου βρίσκεται ένα ή ένα άλλο περιεχόμενο. Και μπορεί να είναι είτε ένα κανονικό κείμενο είτε ένας πόρος, ή κάποια γραφική πληροφορία. Εικόνα, βίντεο, ήχος, κλπ. Αλλά αυτά τα χαρακτηριστικά χωρίζονται αυστηρά στον προορισμό. Χαρακτηριστικό SRC \u003d "" δίνει διευθύνσεις μόνο σε γραφικές πηγές, δηλαδή τον τόπο όπου βρίσκονται. Και το χαρακτηριστικό href \u003d "" δίνει διευθύνσεις μόνο σε άλλες ιστοσελίδες σελίδων ή σε άλλους πόρους, στην πραγματικότητα, αυτό είναι ένα banal υπερ-σύνδεσης σε άλλη πηγή που βρίσκεται σε μια άλλη σελίδα του ιστότοπου.
Χαρακτηριστικό που μπορεί να αντιστοιχιστεί σε σχεδόν κάθε ετικέτα. Η ουσία αυτού του χαρακτηριστικού είναι να δώσει το όνομα σε ένα συγκεκριμένο τμήμα περιεχομένου με περαιτέρω εξέταση και αλλαγή χρησιμοποιώντας το CSS Styles.
Δύο χαρακτηριστικά της ουσίας του οποίου θα δώσουν κάποια γραφική πηγή για παράδειγμα. Περιγραφή εικόνας. Αλλά επειδή υπάρχουν δύο από αυτούς και η περιγραφή είναι διαφορετική. Το χαρακτηριστικό τίτλου \u003d "" γράφεται μια περιγραφή που θα επισημανθεί όταν τοποθετείτε το δείκτη του ποντικιού σε αυτό το αντικείμενο, έτσι ώστε ο επισκέπτης να το γνώριζε τι είναι κρυμμένο κάτω από αυτό το αντικείμενο. Κατά κανόνα, είναι ένας σύνδεσμος. Το χαρακτηριστικό Alt \u003d "" γράφεται μια περιγραφή αυτού του αντικειμένου που δίνει τη κατανόηση της μηχανής αναζήτησης ποιο είναι το αντικείμενο για το αντικείμενο να βρίσκεται σε μια βάση για την ευρετηρίαση. Αυτή η περιγραφή είναι αόρατη στους επισκέπτες του site, αλλά προφανώς για τις μηχανές αναζήτησης.
Δύο χαρακτηριστικά της ουσίας της γάτας είναι προκειμένου να εξισορροπηθούν ο οριζόντια ή κάθετος χώρος. Δηλαδή, δίνουν να κατανοήσουν το πρόγραμμα περιήγησης σε ποια περιοχή του site πρέπει να είναι αυτές οι πληροφορίες. Οι γραμμές χαρακτηριστικών ευθυγράμμισης \u003d "" ένα συγκεκριμένο ή όλο το οριζόντιο περιεχόμενο. Χαρακτηριστικό Valign \u003d "" γραμμές ένα συγκεκριμένο ή όλο το περιεχόμενο κάθετα.
Τα δύο χαρακτηριστικά της ουσίας των οποίων συνθλίβονται για να τεντώσουν ή να μειώσουν κάποιο αντικείμενο στην περιοχή. Στην ουσία, αυτά τα χαρακτηριστικά κάνουν παραμόρφωση ορισμένων αντικειμένων για παράδειγμα. Τραπέζια, σε ύψος και σε πλάτος, αλλάζοντας έτσι τις διαστάσεις τους.
Χαρακτηριστικό πλαισίου πίνακα. Χρησιμοποιώντας αυτό το χαρακτηριστικό, μπορείτε να δημιουργήσετε ένα προφανές και αόρατο πλαίσιο πίνακα, καθώς και να ρυθμίσετε το πάχος του πλαισίου.
Δύο χαρακτηριστικά της ουσίας του ίδιου με το σύνορο \u003d "χαρακτηριστικό", αλλά με τη διαφορά μόνο ότι τα πλαίσια εκχωρούνται σε ολόκληρο τον πίνακα και τις γραμμές και τις στήλες των στοιχείων.
Το χαρακτηριστικό στο οποίο υποδεικνύεται το χρώμα του χρώματος πλαισίου.
Σίγουρα αντιμετωπίζετε μια τέτοια έννοια ως κώδικα HTML. Ακούστε από φίλους, είδε στο μενού του προγράμματος περιήγησης, κλπ. Αλλά τι είναι; Ας προσπαθήσουμε να μάθουμε τι είναι για τον κώδικα και από ποια στοιχεία αποτελείται.
Βασικές πληροφορίες
Ας ξεκινήσουμε με τον ορισμό. Ο κώδικας HTML είναι η σήμανση οποιασδήποτε ιστοσελίδας που εκτελείται χρησιμοποιώντας τη γλώσσα HTML.
Αυτός ο κώδικας αποτελείται από ετικέτες, χάρη στην οποία το πρόγραμμα περιήγησης καθορίζει τον τρόπο με τον οποίο μοιάζει με μια σελίδα. Η δομή χωρίζεται σε δύο μέρη: κεφαλή - η κεφαλίδα του εγγράφου στο οποίο συνταγογραφείται το όνομα της σελίδας, καθώς και πληροφορίες σχετικά με το ίδιο το έγγραφο και το σώμα είναι το σώμα του εγγράφου στο οποίο καθορίζονται οι παράμετροι σελίδας.
Για να δημιουργήσετε μια πιο ή λιγότερο αξιοπρεπή ιστοσελίδα γραμμένη από το μηδέν, οι ετικέτες που χρησιμοποιούνται από αυτές τις γλώσσες πρέπει να μελετηθούν και να γνωρίζουν επίσης τους κωδικούς χρώματος HTML.
Ετικέτες
Ετικέτα - στοιχείο της γλώσσας HTML. Με αυτό, μπορείτε να ορίσετε τη γραμματοσειρά, το χρώμα, το μέγεθος κειμένου, να εισαγάγετε πίνακες και εικόνες σε αυτό, να μορφοποιήσετε, να δημιουργήσετε κεφαλίδες, συνδέσμους, καθώς και να ζωγραφίσετε τη σελίδα.
Οι ετικέτες είναι πάντα περικυκλωμένες σε γωνιακές αγκύλες -<>Και αυτό ακριβώς τους διακρίνει από το κύριο κείμενο, το οποίο εμφανίζεται στη σελίδα κατά την προβολή. Είναι δύο είδη - ζευγαρωμένα και μοναχικά.
Το σε συνδυασμό αποτελείται από μια ετικέτα ανακαλύψεως και το κλείσιμο, ενώ στο τελευταίο μετά το αριστερό γωνιακό βραχίονα υπάρχει μια ευθεία slans. Για παράδειγμα: κείμενο.
Υπάρχει ένα κείμενο, πίνακας, εικόνα ή άλλο στοιχείο μεταξύ δύο ετικετών, η οποία εμφανίζεται στην ιστοσελίδα.
Το Single αποτελείται από μία ετικέτα και δεν περιέχει μια κατ 'ευθείαν. Για παράδειγμα:
.
Οι ετικέτες μπορούν να έχουν παραμέτρους, όπως μπορείτε, χρησιμοποιώντας ειδικούς κωδικούς για HTML.
Σημειώνουμε επίσης ότι για τους περισσότερους χαρακτήρες: σκυλιά, αγκύλες, περισσότερο ή ίσες, μικρότερες ή ίσες με πολλούς άλλους - υπάρχει ένας ειδικός πίνακας στον οποίο συνταγογραφούνται οι κωδικοί δεδομένων. Αυτός ο κώδικας αρχίζει με τον Amperpant, μετά από το οποίο είτε ένα αλφαβητικό μανδύα μπορεί να πάει, είτε το σήμα πλέγματος με έναν τριψήφιο σύμβολο κώδικα. Στο τέλος, θέτει απαραίτητα ένα σημείο με ένα κόμμα.
Βασικές ετικέτες
Καταργήσαμε τώρα, προσπαθήστε να αναφέρετε τις βασικές ετικέτες που μπορεί να είναι χρήσιμες αν δεν δημιουργήσετε τις δικές σας ιστοσελίδες, τουλάχιστον κατά το σχεδιασμό κείμενων.
- < body> - περιέχει τις βασικές παραμέτρους του εγγράφου, όπως αναφορές, πεδία και άλλα.
- < p> - δηλώνει την παράγραφο ·
- < b> - υπογραμμίζει το κείμενο του λίπους ·
- < i> - πλάγια γραφή;
- < u> - υπογραμμίζει το κείμενο ·
- < s> - διασχίζει το κείμενο ·
- < sup> - Καθορίζει το κείμενο ως ανώτερο δείκτη.
- < sub> - Κάτω ευρετήριο.
- < font> - Καθορίζει το παραμέρισμα γραμματοσειράς: μέγεθος, γραμματοσειρά, χρώμα;
- < div> - Με αυτό, μπορείτε να ευθυγραμμίσετε το κείμενό σας.
- < h>- τίτλους ετικέτας;
- < a> - με αυτό, έχουν οριστεί αναφορές.
- < table> - Βοηθά στην εισαγωγή του πίνακα στο έγγραφο, οι ετικέτες συνδέονται με αυτό< tr> (συμβολοσειρά) και< td> (κύτταρο).
Μονόκλινο:
- ένα, μεταφέρει το κείμενο που ακολουθεί μετά από αυτήν, σε μια νέα σελίδα.
- Με αυτό, μπορείτε να εισάγετε ένα οριζόντιο χαρακτηριστικό στο κείμενο.
Αξίζει να σημειωθεί ότι οι ετικέτες συνήθως συνταγογραφούνται από μια νέα γραμμή. Αυτό γίνεται για την ευκολία όχι μόνο του ίδιου του pestovel, αλλά και εκείνους που θα δουν κωδικούς σε HTML.
Παράμετροι ετικέτας
Έχουμε ήδη θεωρήσει τις βασικές ετικέτες που θέλετε να μάθετε. Φυσικά, δεν καταγράφηκαν όλα, αλλά ακόμη και το ελάχιστο ελάχιστο μπορεί να είναι αρκετό για να δημιουργήσει τις πρώτες ιστοσελίδες σας.
Αλλά είναι λίγο για μερικές ετικέτες, πρέπει να εξερευνήσετε ακόμα τις παραμέτρους που μπορούν να ρυθμιστούν. Σε αυτό το άρθρο θα κάνουμε μόνο τη σύντομη επισκόπηση, περιγράφουμε το πιο συχνά χρησιμοποιούμενο. Μπορείτε να τα δείτε ανοίγοντας οποιοδήποτε κώδικα HTML.
Επίσης, δεν θα ζωγραφίσουμε, για ποια ετικέτα, αυτή η παράμετρος είναι κατάλληλη, όπως πολλοί από αυτούς χρησιμοποιούνται στις περισσότερες εντολές ιστού:
- Πρόσωπο - ορίζει τον τύπο της γραμματοσειράς.
- Μέγεθος - καθορίζει το μέγεθος.
- Χρώμα - Καθορίζει το χρώμα.
- Ευθυγράμμιση - Ευθυγράμμιση.
- Όνομα - Όνομα;
- href - χρησιμοποιώντας αυτή την παράμετρο ορίζει τη διεύθυνση σύνδεσης.
- alt - εναλλακτικό κείμενο.
- Πλάτος - Πλάτος;
- Ύψος - ύψος;
- Ιστορικό - σχέδιο φόντου?
- bgcolor - φόντο.
Δεν πρόκειται για όλες τις παραμέτρους, παραχωρήσαμε μόνο το πιο κατανάλωτο και γνωστό.
Μετά την παράμετρο είναι το σημάδι της ισότητας και στη συνέχεια σε αποσπάσματα συνταγογραφείται η τιμή του. Σας συμβουλεύουμε όταν αναπτύσσετε ιστοσελίδες και σελίδες για να χρησιμοποιήσετε ειδικά εγχειρίδια ή παροχές, ώστε όχι μόνο να γνωρίζετε τις βασικές παραμέτρους, αλλά και να τους ρωτήσετε σωστά.
Πίνακας λουλουδιών
Έτσι, με τις κύριες ετικέτες και τις παραμέτρους τους, καταλάβαμε, τώρα ας δούμε τους κωδικούς χρώματος HTML. Είναι με τη βοήθειά τους ότι μπορείτε να ορίσετε το χρώμα του κειμένου, τη σελίδα ή τα ίδια μεμονωμένα στοιχεία.
Οι αρχάριοι webmasters θα πρέπει να είναι γνωστοί ότι υπάρχουν ειδικά τραπέζια χρωμάτων που δίνουν στους κωδικούς κάθε σκιάς. Υπάρχουν μόνο 16 βασικά χρώματα που μπορούν να προσδιοριστούν όχι μόνο με τον πίνακα, αλλά απλά δείχνουν το όνομά τους στα αγγλικά. Επίσης, μπορούν επίσης να προσθέσουν λέξεις φως και σκοτεινή, ρυθμίζοντας την επιθυμητή σκιά.
Υπάρχουν επίσης ορισμένα όλα τα είδη ανιχνευτών.
Σημειώστε ότι είναι πιο βολικό να χρησιμοποιείτε τους πίνακες. Δίδονται δεκαεξαδικούς κώδικας χρώματος. Την ίδια στιγμή, μπορείτε να δείτε αμέσως αυτή τη σκιά. Κάθε κώδικας αρχίζει με ένα πινακίδα πλέγματος, ακολουθούμενο από τρία ζεύγη σημείων που χαρακτηρίζουν την ένταση του κόκκινου, του πράσινου και του μπλε.
Αυτός ο κώδικας είναι αρκετός για να αντιγράψει και να αντικαταστήσει την ετικέτα που χρειάζεστε.
Πώς να δείτε τον κωδικό σελίδας
Αν ενδιαφέρεστε να δημιουργήσετε ιστοσελίδες, πιθανότατα θα σας ενδιαφέρει να δείτε τον κώδικα HTML του ιστότοπου που σας αρέσει, ή εκείνον που επισκέπτεστε αρκετά συχνά.
Αλλά πώς να το κάνετε αυτό; Υπάρχουν δύο τρόποι, αρκετά απλές και κατανοητές. Το πρώτο είναι να ανοίξετε τη σελίδα που χρειάζεστε και πατήστε το πλήκτρο CTRL + U. Το νέο παράθυρο θα εμφανιστεί ο πηγαίος κώδικας της σελίδας που μπορείτε να παρακολουθήσετε και να εξερευνήσετε.
Ο δεύτερος τρόπος είναι να πατήσετε το αριστερό πλήκτρο του ποντικιού και επιλέξτε "πηγαίος κώδικας". Αλλά εξακολουθούμε να συνιστούμε να χρησιμοποιήσετε τον πρώτο τρόπο, καθώς η χρήση των καυτών κλειδιών είναι πολύ πιο εύκολη και πιο βολική.
Σημειώστε ότι, διαβάζετε τον κώδικα, μπορείτε επίσης να προβάλετε σχόλια σε αυτό, που προδιαγράφεται στην ετικέτα "σχόλιο", το οποίο μοιάζει με αυτό:. Ταυτόχρονα, το ίδιο το σχόλιο γράφεται μετά από ένα θαυμαστικό. Στο πρόγραμμα περιήγησης δεν εμφανίζεται. Και γράφεται, βασικά, έτσι ώστε άλλοι προγραμματιστές και σχεδιαστές ιστοσελίδων να κατανοήσουν ότι το μπλοκ πληροφοριών είναι κάτω, γιατί καθορίστηκε ένα συγκεκριμένο κομμάτι κώδικα.
συμπεράσματα
Οι κωδικοί γραφής στο HTML δεν είναι τόσο δύσκολες όσο μπορεί να φανεί με την πρώτη ματιά. Ειδικά αν είστε ανεπιτήδευτοι και θέλετε να δημιουργήσετε απλούς ιστότοπους, ηλεκτρονικά εγχειρίδια βασισμένα σε HTML, κλπ. Η μελέτη των κύριων ετικετών και η αρχή της σήμανσης δεν απαιτεί πολύ χρόνο. Έχετε ακόμη μερικές ημέρες για να αρχίσετε να δημιουργείτε τα δικά σας έργα.
Σημειώστε ότι αν αποφασίσετε να μελετήσετε αυτή τη γλώσσα σήμανσης, τότε προσέξτε. Τα περισσότερα από τα προβλήματα προκύπτουν με ακρίβεια λόγω της απροσεξίας: μη προσωρινά ετικέτες ζεύγους, λανθασμένα γραπτές παραμέτρους, τυπογραφικά τύπου - όλα αυτά απειλούν να γυρίζουν το σφάλμα που μπορείτε να αναζητήσετε αρκετό καιρό. Αλλά γενικά, για να μελετήσετε το HTML-Markup των σελίδων είναι αρκετά ενδιαφέρουσα.
Κάθε ιστοσελίδα έχει τη γενική δομή των κύριων κωδικών HTML. Ας δούμε τους πιο βασικούς κώδικες HTML των σελίδων ιστότοπου
Κωδικός HTML του απλούστερου χώρου (ιστοσελίδα):
Κείμενοσελίδες
Στην ίδια την περιοχή, το μητρώο επιστολών δεν έχει την αξία, μπορείτε να εγγραφείτε ως "HTML, Body ..." και "HTML, Body ...".
Τ. egi και Σερβίρετε στον κωδικό εγγράφου που προσδιορίζεται ως HTML.
- Προτείνει να αρχίσει ο επικεφαλής της σελίδας - τον τίτλο της σελίδας και τις τεχνικές πληροφορίες της.
- Η κεφαλή της σελίδας έληξε.
Ετικέτες εκεί ανοίγουν <тег> και το κλείσιμο тег> . Υπάρχουν ετικέτες που δεν χρειάζεται να κλείσουν. Ορισμένες ετικέτες δεν κλειστά σφαλμάτων, αλλά πάντα κλείνουν αν πρέπει να κλείσουν.
Κείμενο σελίδας - Μεταξύ αυτών των ετικετών υπάρχει όλο το περιεχόμενο της σελίδας - κείμενο, εικόνες, συνδέσμους κ.λπ.
- το έγγραφο έληξε. Κατά κανόνα, είναι t tag u. μύλος aVILS στο τέλος του εγγράφου.
Ετικέτες μορφοποίησης κειμένου
-
- Αυτά είναι οι τίτλοι.
Όσο μικρότερο είναι ο αριθμός, τόσο μεγαλύτερη είναι η γραμματοσειρά θα είναι στον τίτλο, μπορείτε να διαμορφώσετε το μέγεθος κάθε τύπου τίτλου. Πιστεύεται ότι οι ετικέτες ,
Οι πιο "αγαπημένες" ετικέτες από τις μηχανές αναζήτησης, μέσω αυτών των μηχανών αναζήτησης ορίζουν το θέμα του περιεχομένου μέσω αυτών των ετικετών. Ετικέτες
-
Φροντίστε να κλείσετε.
Παραδείγματα:
Ετικέτα κεφαλίδας δευτέρου επιπέδου
- z.Δεύτερο επίπεδο AGLON
Τον τίτλο του τέταρτου επιπέδου
- z.Τεσσάρων επιπέδων agona
Ακόμη και για τη μορφοποίηση κειμένου, οι ετικέτες συχνά εξυπηρετούν - , , , , .
Το κείμενο μοιράζεται λίπος
Το κείμενο μοιράζεται λίπος - αναλογική ετικέτα Κεκλιμένο κείμενο - Αναλογικό Υπογραμμισμένο κείμενοSuperscript - Χ. 2 Κάτω δείκτης - Χ. 2 Monoshyry κείμενο - ως τυπωμένη μηχανή
Όλες αυτές οι ετικέτες είναι διμερείς και πρέπει να κλείσουν. Οι ετικέτες μπορούν να χρησιμοποιηθούν σε συνδυασμό. Για παράδειγμα:
Λίπος, κεκλιμένο και υπογραμμισμένο κείμενο
Κατά κανόνα, οι ετικέτες κλείνουν με τέτοιο τρόπο, στην οποία ανοίχθηκε. Εάν αλλάξετε την παραγγελία, είναι δυνατή η αλλαγή οτιδήποτε, αλλά με σύνθετη μορφοποίηση κειμένου θα έχετε προβλήματα.
Γραμμή μετάφρασης και μπλοκ κειμένου
Ετικέτες τίτλων (
-) Μεταφέρα μετά από μια συμβολοσειρά ("Enter"), εκτός αν διευκρινιστεί διαφορετικά σε πίνακες στυλ. Όταν γράφετε το κείμενο στο στόχο HTML, οι μεταφορές σας δεν θα ληφθούν υπόψη, το κείμενο θα πάει σε μια σειρά πριν τις κεφαλίδες ή τις ειδικές ετικέτες.
- Βάζει τη συμβολοσειρά. Η ετικέτα κλεισίματος δεν απαιτείται. Εάν χρειάζεστε ένα μεγάλο χάσμα μεταξύ των σειρών, μπορείτε να χρησιμοποιήσετε αρκετές τέτοιες ετικέτες, για παράδειγμα,
- Μεταφράσεις πέντε γραμμών.
- Οριζόντια διαχωριστική γραμμή:
Σε πολλές ετικέτες, τα ειδικά χαρακτηριστικά μπορούν να χρησιμοποιηθούν, για παράδειγμα, στην ετικέτα
Μπορείτε να ορίσετε το πάχος του:
http://site.ru/image.png. - αυτό είναιΔιεύθυνση της εικόνας.
http://site.ru/"> Πηγαίνετε στο site.ru.
Οπουhttp://site.ru/
- τον τόπο στον οποίο ο σύνδεσμος οδηγεί,Πηγαίνετε στο site.ru. –
Όνομα σύνδεσης , λεγόμενη άγκυρα.
Στον κωδικό σύνδεσης είναι το χαρακτηριστικόΣτόχος \u003d." _Κενό. " - Ο σύνδεσμος θα ανοίξει σε ένα νέο παράθυρο και στον κώδικα εικόναςborder \u003d "0" - Η εικόνα δεν θα έχει πλαίσιο.
Τόπος αγώνων
Οι λίστες δημιουργούνται από τις ακόλουθες htmls:
Πινάκων
Τα τραπέζια είναι ένα πιο περίπλοκο στοιχείο από αυτές τις ετικέτες HTML, μπορούν να αφιερωθούν σε μια ολόκληρη θέση, εδώ θα δείξω απλώς έναν κωδικό του απλούστερου πίνακα:
Περιεχόμενο
Η μετάφραση σειράς μετά από κάθε ετικέτα στον κωδικό έχει οριστεί για ευκολία επεξεργασίας ενός κώδικα HTML. Ο ίδιος κωδικός πίνακα μπορεί να εισαχθεί ως εξής:
Περιεχόμενο
Αυτή είναι η κύρια δομή του τόπου του ιστότοπου. Γνωρίζοντας τα βασικά, μπορείτε να πάτε πιο περίπλοκα.
Βασικοί κώδικες HTML Ενημερώθηκε: 10 Απριλίου 2017 από τον συγγραφέα: Διαχειριστής.