Ποια είναι η σελίδα HTML της σελίδας; Βασικά στοιχεία HTML

Εάν ανοίξετε οποιαδήποτε ιστοσελίδα, θα περιέχει τυπικά στοιχεία που δεν αλλάζουν από τον τύπο και την κατεύθυνση της τοποθεσίας. Το παράδειγμα 1 δείχνει τον κώδικα ενός απλού εγγράφου που περιέχει τα κύρια στοιχεία.

Παράδειγμα 1. Κωδικός πηγής μιας ιστοσελίδας

Δείγμα ιστοσελίδας

Τίτλος

Την πρώτη παράγραφο.

Δεύτερη παράγραφος.



Αντιγράψτε τα περιεχόμενα Αυτό το παράδειγμα Και να το αποθηκεύσετε στο φάκελο C: \\ www \\ κάτω από το όνομα του ονόματος2.HTML. Μετά από αυτό, εκτελέστε το πρόγραμμα περιήγησης και ανοίξτε το αρχείο μέσω του στοιχείου μενού. Αρχείο\u003e Ανοίξτε το αρχείο (Ctrl + O). Στο παράθυρο διαλόγου Επιλογή εγγράφων, καθορίστε το αρχείο του Παραδείγματος2.HTML. Το πρόγραμμα περιήγησης θα ανοίξει την ιστοσελίδα που φαίνεται στο ΣΧ. ένας.

Σύκο. 1. Το αποτέλεσμα του παραδείγματος στο πρόγραμμα περιήγησης

Στοιχείο (Jarg. Ιατροί) σχεδιασμένοι ώστε να καθορίζουν τον τύπο του τρέχοντος εγγράφου - DTD (ορισμός τύπου εγγράφου, περιγραφή του τύπου εγγράφου). Είναι απαραίτητο το πρόγραμμα περιήγησης να κατανοήσει τον τρόπο ερμηνείας της τρέχουσας ιστοσελίδας, επειδή το HTML υπάρχει σε διάφορες εκδόσεις - σύγχρονο HTML5 ή ξεπερασμένο HTML4 και XHTML. Στο πρόγραμμα περιήγησης "δεν συγχέεται" και κατανοητό, σύμφωνα με το πρότυπο για την εμφάνιση μιας ιστοσελίδας και πρέπει να ορίσετε την πρώτη σειρά.

Δεδομένου ότι θα συνεχίσουμε να εργαζόμαστε μόνο με HTML5, θα χρειαστούμε μόνο ένα σύντομο και σύγχρονο doctile.

Αναφέραμε ότι τα ονόματα των στοιχείων μπορούν να γραφτούν μικρά και Μεγάλα γράμματα. ΠΡΟΣ ΤΗΝ Αυτός ο κανόνας ισχύει και μπορεί να καταγραφεί με διαφορετικούς τρόπους. Ωστόσο, το όνομα αυτού του στοιχείου είναι παραδοσιακά γραμμένο στην κεφαλαία περίπτωση.

Ετικέτα ανοίγματος καθορίζει την αρχή του εγγράφου HTML, η κεφαλή αποθηκεύεται μέσα του ( ) και το "σώμα" του εγγράφου ( ).

Το περιεχόμενο αυτού του διαμερίσματος δεν εμφανίζεται απευθείας στη σελίδα, με εξαίρεση το στοιχείο . Μέσα <head> Τα ακόλουθα στοιχεία μπορούν να εντοπιστούν: <base> , <link> , <meta> , <script> , <style> ή <title> .</p><p> <meta charset="utf-8"> </p><p>Στοιχείο <meta> Είναι καθολική και προσθέτει μια ολόκληρη τάξη δυνατοτήτων, ιδίως χρησιμοποιώντας ένα metagega, ως γενικευμένη κλήση Αυτό το στοιχείο, μπορείτε να αλλάξετε την κωδικοποίηση της σελίδας, προσθέστε <a href="https://comuedu.ru/el/linux/reiting-klyuchevyh-slov-yandeks-podbor-klyuchevyh-slov-v-yandeks-vordstat.html">Λέξεις-κλειδιά</a>, περιγραφή εγγράφων και πολύ περισσότερο προορίζεται για το πρόγραμμα περιήγησης ή <a href="https://comuedu.ru/el/windows/how-to-install-the-yandex-shortcut-on-the-desktop-what-do-we-use-browser-or-search-engine.html">Μηχανές αναζήτησης</a>. Συγκεκριμένα, ότι το πρόγραμμα περιήγησης κατανοεί τι ασχολείται με την κωδικοποίηση UTF-8 (μορφή μετασχηματισμού Unicode, μορφή μετατροπής Unicode) και αυτή η συμβολοσειρά προστίθεται.</p><p> <title>Δείγμα ιστοσελίδας

Στοιχείο Καθορίζει το όνομα της ιστοσελίδας. Στο πρόγραμμα περιήγησης εμφανίζεται στην τρέχουσα καρτέλα (Εικ. 2).</p><p><img src='https://i0.wp.com/webref.ru/assets/images/html-tutorial/title.png' height="62" width="367" loading=lazy loading=lazy></p><p>Σύκο. 2. Ονομάστε τις ιστοσελίδες στο πρόγραμμα περιήγησης</p><p>Στοιχείο <title> Είναι υποχρεωτικό και σίγουρα θα υπάρχει στον κωδικό εγγράφων. Μέσα στο εσωτερικό του επιτρέπεται να γράφει μόνο κείμενο και κανένα άλλο στοιχείο <title> δεν πρεπει να ειναι. Αλλά επιτρέπεται να προσθέσετε διαφορετικούς χαρακτήρες κειμένου, για παράδειγμα, ως εξής: <span><title>Adobe ™ Photoshop® .

Ετικέτα κλεισίματος Δείχνει ότι ολοκληρώνεται το "κεφάλι" του εγγράφου.

"Σώμα" του εγγράφου Σχεδιασμένο για να τοποθετήσει τα στοιχεία και τα περιεχόμενα της ιστοσελίδας.

Τίτλος

Το HTML προσφέρει έξι κεφαλίδες κειμένου διαφορετικών επιπέδων που δείχνουν τη σχετική σημασία του διαμερίσματος που βρίσκεται μετά τον τίτλο. Έτσι, στοιχείο

αντιπροσωπεύει την πιο σημαντική κεφαλίδα του πρώτου επιπέδου και το στοιχείο

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

...

Αυτά είναι τα στοιχεία μπλοκ, ξεκινούν πάντα με μια νέα γραμμή και μετά από αυτά, εμφανίζονται άλλα στοιχεία στην επόμενη γραμμή. Επιπλέον, πριν από την επικεφαλίδα και μετά από αυτό, το πρόγραμμα περιήγησης προσθέτει κενό χώρο.

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

05.06.17 918

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

Ειδικοί χαρακτήρες HTML καλούνται αποκλειστικά. Για παράδειγμα, αριστερά (<) и правые (>) Οι γωνιακές αγκύλες διατηρούνται σε HTML για να καθορίσουν τις ετικέτες ανοίγματος και κλεισίματος.

Τα σύμβολα που δεν είναι διαθέσιμα στο πληκτρολόγιο περιλαμβάνουν σημάδια όπως σύμβολο copywriting (©) και το μαθηματικό PI.

Αν θέλουμε να τα χρησιμοποιήσουμε στο έγγραφο και την έξοδο στο πρόγραμμα περιήγησης, πρέπει να χρησιμοποιήσετε συνδέσμους σε χαρακτήρες HTML.

Πρακτικό παράδειγμα

Ας υποθέσουμε ότι θέλετε να εμφανίσετε τον κώδικα HTML στην ιστοσελίδα έτσι ώστε να εμφανίζονται οι ετικέτες στοιχείων. Μπορείτε να το κάνετε αυτό απλά τοποθετώντας το μπλοκ HTML σε ετικέτες . Αλλά θα διαπιστώσετε ότι ακόμη και μέσα Το μπλοκ θα εξακολουθεί να επεξεργαστεί ως κώδικα HTML και να εμφανίσει ανάλογα το πρόγραμμα περιήγησης. Σε αυτή την περίπτωση, μπορείτε να αντικαταστήσετε τα πάντα Ειδικά σύμβολα HTML κατάλληλους συμβολικούς συνδέσμους έτσι ώστε το πρόγραμμα περιήγησης να μην χειρίζεται τον κώδικα:



Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού Μετά από μια ετικέτα ζευγαριού . Σε αυτή την ετικέτα υπάρχουν όλες οι άλλες ετικέτες Html. Που δίνουν την προβολή της σελίδας και του όγκου. Αυτή η ετικέτα λαμβάνει χώρα όλη τη διαδικασία δημιουργίας του ιστότοπου.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Αυτή η ετικέτα χρησιμοποιείται για να επισημάνει τους τίτλους στον ιστότοπο. Όσο μεγαλύτερος είναι ο αριθμός στην ετικέτα, η λιγότερο τιμή του τίτλου. Συνεπώς, όσο μικρότερο είναι ο τίτλος τόσο λιγότερη επίδραση στις μηχανές αναζήτησης στο σχέδιο βελτιστοποίησης του ιστότοπου. Αυτή η ετικέτα παίζει μεγάλο ρόλο όπως η ετικέτα Στην εύρεση ενός ιστότοπου στα ερωτήματα αναζήτησης.

Ετικέτα ζευγαριών. Γραμμένο μέσα σε μια ετικέτα ζευγαριού

. Ο κύριος σκοπός αυτής της ετικέτας, ο διαχωρισμός των κειμένων για τα prierset.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Είναι μια αναφορά σε άλλους τομείς του ίδιου Html. Σελίδες ή αναφορά σε άλλο ιστότοπο.




. Ο σκοπός είναι ο ίδιος με την ετικέτα, αλλά μπορεί να μοιράζεται ολόκληρο το περιεχόμενο εκ μέρους των χώρων μεταξύ τους. Φέρει μια μικρή σωματική δραστηριότητα.

Ανθεκτικό ετικέτα. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Η ετικέτα δείχνει ότι υπάρχει μια εικόνα σε αυτό το μέρος.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Εισάγει έναν πίνακα στον ιστότοπο.

, ,



. Ο κύριος σκοπός αυτών των ετικετών για την κατασκευή περιοχών κειμένου Λίπος και Σύμβαση Για να προσελκύσει το ανθρώπινο μάτι. Αυτές οι ετικέτες σας επιτρέπουν να επισημάνετε την κύρια ιδέα του κειμένου.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Η ετικέτα δεν φέρει το σημασιολογικό φορτίο, αλλά με τη βοήθεια αυτής της ετικέτας μπορείτε να διαθέσετε οποιαδήποτε περιοχή Html. Σελίδες με τις οποίες στο τραπέζι στυλ CSS μπορείτε να κάνετε οποιεσδήποτε αλλαγές στο σχέδιο σχεδιασμού.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Ο σκοπός είναι ο ίδιος με την ετικέτα

αλλά με μια μικρότερη ακτίνα ενεργειών που δρα μέσα στην ετικέτα
.

, ,
, ,
,

Ζευγαρωμένες ετικέτες. Γραμμένο στην ετικέτα μεγαλύτερου ζευγαριού

. Μοιραστείτε το κείμενο σε καταλόγους με δείκτες.

,

Ζευγαρωμένες ετικέτες. Γραμμένο στην ετικέτα μεγαλύτερου ζευγαριού

. Μοιραστείτε το τραπέζι στις χορδές και τις στήλες.

Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού

. Υπογραμμίζει την κύρια χορδή στο τραπέζι, κάνει το κείμενο λίπος και επίπεδα το κέντρο του κελιού.

src \u003d "", href \u003d ""

Δύο χαρακτηριστικά της ουσίας των οποίων δίνουν τη διεύθυνση των πληροφοριών που καθορίζονται σε αυτά. Δηλαδή, δείχνουν τον τόπο όπου βρίσκεται ένα ή ένα άλλο περιεχόμενο. Και μπορεί να είναι είτε ένα κανονικό κείμενο είτε ένας πόρος, ή κάποια γραφική πληροφορία. Εικόνα, βίντεο, ήχος, κλπ. Αλλά αυτά τα χαρακτηριστικά χωρίζονται αυστηρά στον προορισμό. Χαρακτηριστικό SRC \u003d "" δίνει διευθύνσεις μόνο σε γραφικές πηγές, δηλαδή τον τόπο όπου βρίσκονται. Και το χαρακτηριστικό href \u003d "" δίνει διευθύνσεις μόνο σε άλλες ιστοσελίδες σελίδων ή σε άλλους πόρους, στην πραγματικότητα, αυτό είναι ένα banal υπερ-σύνδεσης σε άλλη πηγή που βρίσκεται σε μια άλλη σελίδα του ιστότοπου.

class \u003d ""

Χαρακτηριστικό που μπορεί να αντιστοιχιστεί σε σχεδόν κάθε ετικέτα. Η ουσία αυτού του χαρακτηριστικού είναι να δώσει το όνομα σε ένα συγκεκριμένο τμήμα περιεχομένου με περαιτέρω εξέταση και αλλαγή χρησιμοποιώντας το CSS Styles.

Τίτλος \u003d "", alt \u003d ""

Δύο χαρακτηριστικά της ουσίας του οποίου θα δώσουν κάποια γραφική πηγή για παράδειγμα. Περιγραφή εικόνας. Αλλά επειδή υπάρχουν δύο από αυτούς και η περιγραφή είναι διαφορετική. Το χαρακτηριστικό τίτλου \u003d "" γράφεται μια περιγραφή που θα επισημανθεί όταν τοποθετείτε το δείκτη του ποντικιού σε αυτό το αντικείμενο, έτσι ώστε ο επισκέπτης να το γνώριζε τι είναι κρυμμένο κάτω από αυτό το αντικείμενο. Κατά κανόνα, είναι ένας σύνδεσμος. Το χαρακτηριστικό Alt \u003d "" γράφεται μια περιγραφή αυτού του αντικειμένου που δίνει τη κατανόηση της μηχανής αναζήτησης ποιο είναι το αντικείμενο για το αντικείμενο να βρίσκεται σε μια βάση για την ευρετηρίαση. Αυτή η περιγραφή είναι αόρατη στους επισκέπτες του site, αλλά προφανώς για τις μηχανές αναζήτησης.

aLIGN \u003d "", VALIGN \u003d ""

Δύο χαρακτηριστικά της ουσίας της γάτας είναι προκειμένου να εξισορροπηθούν ο οριζόντια ή κάθετος χώρος. Δηλαδή, δίνουν να κατανοήσουν το πρόγραμμα περιήγησης σε ποια περιοχή του site πρέπει να είναι αυτές οι πληροφορίες. Οι γραμμές χαρακτηριστικών ευθυγράμμισης \u003d "" ένα συγκεκριμένο ή όλο το οριζόντιο περιεχόμενο. Χαρακτηριστικό Valign \u003d "" γραμμές ένα συγκεκριμένο ή όλο το περιεχόμενο κάθετα.

width \u003d "", Ύψος \u003d ""

Τα δύο χαρακτηριστικά της ουσίας των οποίων συνθλίβονται για να τεντώσουν ή να μειώσουν κάποιο αντικείμενο στην περιοχή. Στην ουσία, αυτά τα χαρακτηριστικά κάνουν παραμόρφωση ορισμένων αντικειμένων για παράδειγμα. Τραπέζια, σε ύψος και σε πλάτος, αλλάζοντας έτσι τις διαστάσεις τους.

border \u003d ""

Χαρακτηριστικό πλαισίου πίνακα. Χρησιμοποιώντας αυτό το χαρακτηριστικό, μπορείτε να δημιουργήσετε ένα προφανές και αόρατο πλαίσιο πίνακα, καθώς και να ρυθμίσετε το πάχος του πλαισίου.

cellpadding \u003d "", CellsPacing \u003d ""

Δύο χαρακτηριστικά της ουσίας του ίδιου με το σύνορο \u003d "χαρακτηριστικό", αλλά με τη διαφορά μόνο ότι τα πλαίσια εκχωρούνται σε ολόκληρο τον πίνακα και τις γραμμές και τις στήλες των στοιχείων.

bgcolor \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 του απλούστερου χώρου (ιστοσελίδα):




</span> </b><span>Ονομα</span><span>σελίδες</span><span><b>



Κείμενοσελίδες

Στην ίδια την περιοχή, το μητρώο επιστολών δεν έχει την αξία, μπορείτε να εγγραφείτε ως "HTML, Body ..." και "HTML, Body ...".

Τ. egi και Σερβίρετε στον κωδικό εγγράφου που προσδιορίζεται ως HTML.

- Προτείνει να αρχίσει ο επικεφαλής της σελίδας - τον τίτλο της σελίδας και τις τεχνικές πληροφορίες της.

</span> </b><span>Όνομα σελίδας</span><b><span> - όνομα σελίδας. Αυτό που είναι γραμμένο μεταξύ αυτών των δύο ετικετών θα εμφανιστεί στην κεφαλίδα του προγράμματος περιήγησης.

- Η κεφαλή της σελίδας έληξε.

Ετικέτες εκεί ανοίγουν <тег> και το κλείσιμο . Υπάρχουν ετικέτες που δεν χρειάζεται να κλείσουν. Ορισμένες ετικέτες δεν κλειστά σφαλμάτων, αλλά πάντα κλείνουν αν πρέπει να κλείσουν.

Κείμενο σελίδας - Μεταξύ αυτών των ετικετών υπάρχει όλο το περιεχόμενο της σελίδας - κείμενο, εικόνες, συνδέσμους κ.λπ.

- το έγγραφο έληξε. Κατά κανόνα, είναι t tag u. μύλος aVILS στο τέλος του εγγράφου.

Ετικέτες μορφοποίησης κειμένου

-
- Αυτά είναι οι τίτλοι.

Όσο μικρότερο είναι ο αριθμός, τόσο μεγαλύτερη είναι η γραμματοσειρά θα είναι στον τίτλο, μπορείτε να διαμορφώσετε το μέγεθος κάθε τύπου τίτλου. Πιστεύεται ότι οι ετικέτες

,

Οι πιο "αγαπημένες" ετικέτες από τις μηχανές αναζήτησης, μέσω αυτών των μηχανών αναζήτησης ορίζουν το θέμα του περιεχομένου μέσω αυτών των ετικετών. Ετικέτες

-

Φροντίστε να κλείσετε.

Παραδείγματα:

Ετικέτα κεφαλίδας δευτέρου επιπέδου

- z.Δεύτερο επίπεδο AGLON

Τον τίτλο του τέταρτου επιπέδου

- z.Τεσσάρων επιπέδων agona

Ακόμη και για τη μορφοποίηση κειμένου, οι ετικέτες συχνά εξυπηρετούν - , , , , .

Το κείμενο μοιράζεται λίπος Το κείμενο μοιράζεται λίπος - αναλογική ετικέτα Κεκλιμένο κείμενο - Αναλογικό Υπογραμμισμένο κείμενο Lisked κείμενο Αυξημένος και μειωμένος Κείμενο σε σύγκριση με το ρεύμα.
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 από τον συγγραφέα: Διαχειριστής.

Συνεχίζοντας το θέμα:
Linux.

Ο χρήστης στην ορολογία των προδιαγραφών) είναι ένα λογισμικό στο πλάι του συνδρομητή, το οποίο σας επιτρέπει να λαμβάνετε, να στείλετε, να δείτε και να επεξεργαστείτε ...

Νέα άρθρα
/
Δημοφιλής