Κωδικοί συμβόλων HTML. Κωδικός προγράμματος HTML

Html - Με ένα Dandart I Zık R Astrokeeper του JPertext. (Αγγλικά Sokr. Υπερκείμενη γλώσσα σήμανσης.).

Η γλώσσα HTML εφευρέθηκε πίσω τον 20ό αιώνα για να εμφανίσει κείμενο (στην αρχή ήταν μόνο κείμενο) και στη συνέχεια με την ανάπτυξη Τεχνολογία υπολογιστών Ξεκινήσαμε να εμφανίζουμε βίντεο, ήχο, εικόνες κλπ. (Τον 21ο αιώνα, αυτές οι πληροφορίες ονομάστηκαν "περιεχόμενο") ότι οδήγησε στην ανάγκη επέκτασης του Διαδικτύου. Λόγω αυτού, η γλώσσα HTML άρχισε να αναπτύσσεται.

Μέχρι σήμερα, εκτός από το HTML υπάρχουν άλλες γλώσσες προγραμματισμού - αυτό είναι PHP, CSS, MSQ, Java Scripts και άλλα. Ο αριθμός τους αυξάνεται με συνέπεια καθώς αναπτύσσεται και η ποιότητα του κώδικα γραφής.

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

Στον 21ο αιώνα, αυτή η έννοια χρησιμοποιείται ήδη ως ιστό-2,0ος αιώνας πολυμέσων στην οποία το κείμενο μετακινείται ήδη στο παρασκήνιο. Αλλά αυτή τη στιγμή το κείμενο εξακολουθεί να χρησιμοποιείται σε ιστότοπους κατά κανόνα για την περιγραφή οποιωνδήποτε ενεργειών ή στοιχείων ιστότοπου είτε βίντεο είτε ήχου. Ως εκ τούτου, είναι απαραίτητο να μελετήσετε τη γλώσσα HTML με την οποία δεν θα μπορέσετε να γράψετε και όμορφα να κανονίσετε κείμενο και άλλα στοιχεία του ιστότοπου.

Το HTML έχει πολλές εκδόσεις, αλλά κατά κανόνα, δεν περιορίζονται στους αυνανισμούς. Προς το παρόν, η κύρια έκδοση της γλώσσας HTML είναι HTML 4.01 μεταβατική μεταβατική γλώσσα από HTML 4.01 Transitiona σε HTML 5.0 τελευταία φορά αυτή τη στιγμή της HTML.

Σε αυτό το μάθημα, η μετάβαση HTML 4.01 θεωρείται ως η πέμπτη έκδοση που εξακολουθεί να βρίσκεται υπό ανάπτυξη.

Ας αρχίσουμε λοιπόν να μάθουμε τη γλώσσα HTML. Θα σας δώσω μια περιγραφή μόνο εκείνων των ετικετών που συχνά βρίσκονται όταν οι ιστοσελίδες γραφής και τα υπόλοιπα δεν χρησιμοποιούνται καθόλου ή χρησιμοποιούνται πολύ σπάνια.

Τραχτείτε την ετικέτα και τα χαρακτηριστικά HTML.

Ετικέτες και χαρακτηριστικά:	Περιγραφή των ετικετών και των χαρακτηριστικών:
	Μια ετικέτα ζευγαριού (έχει μια ετικέτα ανοίγματος και κλεισίματος με ένα σύμβολο "/" στην ετικέτα κλεισίματος). Είναι μια κοινή ετικέτα Html.. Αυτό είναι ένα κοινό δοχείο στο οποίο ταιριάζουν όλες οι υπάρχουσες ετικέτες. Αυτή η ετικέτα και τα τρία παρακάτω είναι υποχρεωτικά για οποιαδήποτε Html.-Παραγωγές.
	. Ο τίτλος της σελίδας ιστότοπου είναι γραμμένος αυτή η ετικέτα. Οι μηχανές αναζήτησης αναζητούν κυρίως το όνομα.
	Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού . Αυτή η ετικέτα βρίσκεται. Ανακινώ Στυλ CSS., όνομα σελίδας ιστότοπου, περιγραφή σελίδας, σενάρια, κωδικοποίηση σελίδας.
	Ετικέτα ζευγαριών. Γράφοντας στην ετικέτα μεγαλύτερου ζευγαριού Μετά από μια ετικέτα ζευγαριού . Σε αυτή την ετικέτα υπάρχουν όλες οι άλλες ετικέτες 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 ""	Δύο χαρακτηριστικά της ουσίας της γάτας είναι προκειμένου να εξισορροπηθούν ο οριζόντια ή κάθετος χώρος. Δηλαδή, δίνουν να καταλάβουν το πρόγραμμα περιήγησης σε ποια περιοχή του χώρου πρέπει να είναι Αυτή η πληροφορία. Οι γραμμές χαρακτηριστικών ευθυγράμμισης \u003d "" ένα συγκεκριμένο ή όλο το οριζόντιο περιεχόμενο. Χαρακτηριστικό Valign \u003d "" γραμμές ένα συγκεκριμένο ή όλο το περιεχόμενο κάθετα.
width \u003d "", Ύψος \u003d ""	Τα δύο χαρακτηριστικά της ουσίας των οποίων συνθλίβονται για να τεντώσουν ή να μειώσουν κάποιο αντικείμενο στην περιοχή. Στην ουσία, αυτά τα χαρακτηριστικά κάνουν παραμόρφωση ορισμένων αντικειμένων για παράδειγμα. Τραπέζια, σε ύψος και σε πλάτος, αλλάζοντας έτσι τις διαστάσεις τους.
border \u003d ""	Χαρακτηριστικό πλαισίου πίνακα. Χρησιμοποιώντας αυτό το χαρακτηριστικό, μπορείτε να δημιουργήσετε ένα προφανές και αόρατο πλαίσιο πίνακα, καθώς και να ρυθμίσετε το πάχος του πλαισίου.
cellpadding \u003d "", CellsPacing \u003d ""	Δύο χαρακτηριστικά της ουσίας του ίδιου με το σύνορο \u003d "χαρακτηριστικό", αλλά με τη διαφορά μόνο ότι τα πλαίσια εκχωρούνται σε ολόκληρο τον πίνακα και τις γραμμές και τις στήλες των στοιχείων.
bgcolor \u003d ""	Το χαρακτηριστικό στο οποίο υποδεικνύεται το χρώμα του χρώματος πλαισίου.

Και μεταφράστηκε ως "Γλώσσα σήμανσης υπερκειμένου". Το Hypertext είναι μια ειδική μέθοδος πλοήγησης σε σελίδες του Διαδικτύου που εφαρμόζονται με τη μορφή συνδέσμων υπερκειμένου. Κάνοντας κλικ σε αυτούς τους συνδέσμους, μπορείτε εύκολα να μετακινήσετε τη δομή του ιστότοπου. Οι μεταβάσεις δεν συμβαίνουν γραμμικά, δηλ. Έχετε πάντα την ευκαιρία να μεταβείτε σε οποιαδήποτε σελίδα του ιστότοπου, ο σύνδεσμος στο οποίο είναι ορατός.

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

Πώς λειτουργεί ο κώδικας HTML;

Ποιες είναι οι ετικέτες;

Περιορισμοί HTML

Σίγουρα αντιμετωπίζετε μια τέτοια έννοια ως κώδικα 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 των σελίδων είναι αρκετά ενδιαφέρουσα.

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

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

Προσοχή: Στη γλώσσα HTML, οι γραμμές των γραμμών που πηγαίνουν σε κενά και καρτέλες γραμμής αγνοούνται. Αρκετά κενά στη σειρά θεωρούνται ως ένας χώρος.
Παράδειγμα: Χρήση στοιχείων 
 και 

 
Δοκιμάστε τον εαυτό σας "
Μέσα στο στοιχείο 
Το πρόγραμμα περιήγησης αντιγράφει κάθε ένα εξειδικευμένο χώρο ή τη μεταφορά συμβολοσειράς, διατηρώντας παράλληλα την αρχική σας μορφοποίηση.
Εάν (έγγραφο.EgetELemsbyByClassName) (x \u003d έγγραφο.EgetElemsByClassName ("Pagination") εάν (x.length\u003e y) (x.Style.)
Μέσα στο στοιχείο "Προ-", το πρόγραμμα περιήγησης αντιγράφει κάθε ένα εξειδικευμένο χώρο ή μεταφέροντας μια συμβολοσειρά, διατηρώντας παράλληλα την αρχική σας μορφοποίηση.

 
 Εάν (έγγραφο.EgetELemsbyByClassName) (x \u003d έγγραφο.EgetElemsByClassName ("Pagination") εάν (x.length\u003e y) (x.Style.)

Ετικέτες 
 και 


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

Παράδειγμα: Στοιχεία 
 και 

 
Δοκιμάστε τον εαυτό σας "
 
Το κείμενο που ο χρήστης πρέπει να εισέλθει από τον τόπο πληκτρολογίου στο 
 Στοιχείο εμπορευματοκιβωτίων "KBD".
Εισαγάγετε το κείμενο: Αυτό είναι το κείμενο που εισάγεται από το πληκτρολόγιο.
Αυτό είναι το κείμενο που τοποθετείται στο δοχείο "samp".

Ετικέτα 


Ετικέτα 
 Που χρησιμοποιούνται για να επισημανθούν περαιτέρω οι μεταβλητές στο κωδικός προγράμματος. Ορίζει μια μεταβλητή σε παράμετρο μαθηματικής έκφρασης ή προγράμματος και εμφανίζεται συνήθως σε πλάγια γραφή.
 
Παράδειγμα: Στοιχεία 

 
Δοκιμάστε τον εαυτό σας "
Κινητική ενέργεια σώματος:
 
Κινητική ενέργεια σώματος:
W.προς την = Μ.v.2/2


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

 

 
 
 
 
 
 
Εξίσωση Parabola y \u003d nx 2
 





 

 
 
 
 
 
 
Εξίσωση Parabolla y. \u003d Nx. 2
 





Προ-μορφοποιημένο κείμενο
 
Μοιραστείτε τον εαυτό μου "
Χρησιμοποιώντας το στοιχείο HTML, καθιστά το κείμενο τοποθετημένο στο στοιχείο κώδικα, εμφανίζει το πρόγραμμα περιήγησης ενώ εξοικονομεί όλους τους χώρους και τους θύρες των χορδών όπως είναι.
Γεια σε όλους!
Αν ξεκινήσαμε να μελετήσουμε, τότε πρέπει να ξέρετε Βασικά στοιχεία HTML και CSS που θα βοηθήσουν να κάνουν τους ιστότοπούς μας καλύτερα και πιο ελκυστικά για Μηχανές αναζήτησης. Όλη αυτή την εβδομάδα θα σας πω για την εργασία με τον κωδικό ιστότοπου και αυτό σας περιμένει:
 . Θα μάθουμε να επεξεργάζεστε τον κωδικό ιστότοπου χρησιμοποιώντας δεδομένα επεξεργασίας.
 . Θα βοηθήσουμε το ρομπότ αναζήτησης να κατανοήσει τη δομή της σελίδας.
 . Μαθαίνουμε πόσο σωστά είναι ο κωδικός ιστότοπου και η εύρεση σφαλμάτων.
Όπως μπορείτε να δείτε, θα έχουμε πολλή δουλειά την εβδομάδα, έτσι να εγγραφείτε στην ενημέρωση του blog περιβάλλοντος και να πάρετε όλα τα μαθήματα στον εαυτό σας εάν δεν έχετε υπογραφεί ακόμα.
Βασικά στοιχεία HTML
Το HTML (Language Markup Keen) είναι μια γλώσσα για τη σήμανση εγγράφων στο Διαδίκτυο. Δηλαδή, οποιαδήποτε σελίδα του ιστότοπού σας είναι ένα έγγραφο και το πρόγραμμα περιήγησης είναι μέσο προβολής αυτών των εγγράφων.
Εργασία HTML - Εμφάνιση του προγράμματος περιήγησης όπου βρίσκεται ένα ή ένα άλλο στοιχείο εγγράφου. Με τη βοήθεια αυτής της γλώσσας, τα αντικείμενα είναι κλειδωμένα στη σελίδα και καταλαμβάνουν ένα συγκεκριμένο μέρος, το οποίο στη συνέχεια εμφανίζεται στην οθόνη επισκεπτών του ιστότοπου.
Η γλώσσα σήμανσης αποτελείται από ειδικές ετικέτες που βοηθούν το πρόγραμμα περιήγησης να καθορίσει:
Δομή εγγράφων.
Θέση ενός ή ενός άλλου στοιχείου.
Ο σκοπός του στοιχείου ·
Συνδεδεμένα αρχεία τρίτου μέρους.
Και πολλά, πολλά άλλα.
Είναι κατανοητό από τον Ι. Ρομπότ αναζήτησηςΩς εκ τούτου, είναι απαραίτητο να δοθεί ιδιαίτερη προσοχή στο πόσο σωστά το έγγραφο καταρτίζεται από την άποψη του SEO και ποια δομή έχει.
Δομή HTML
Οποιοδήποτε έγγραφο HTML έχει μια αρχική δομή που πρέπει να τηρείται αναγκαστικά. Μοιάζει με αυτό:
 <! Doctype. Html\u003e<html>

<Κεφάλι.>

 <meta. Charset \u003d "utf-8"\u003e<Τίτλος\u003e Τίτλος σελίδας</ τίτλος>

 <meta. Όνομα \u003d "Λέξεις-κλειδιά" Περιεχόμενο \u003d " Λέξεις-κλειδιά και, φράσεις, μέσω, κόμμα"
>

 <meta. Όνομα \u003d "Περιγραφή" Περιεχόμενο \u003d " Περιγραφή του περιεχομένου της σελίδας, 1-2 προσφορές."
>

</ Κεφάλι.>

<Σώμα.\u003e Περιεχόμενο σελίδας





Θα αναλύσουμε κάθε στοιχείο Διαβάστε περισσότερα:
<! Doctype. Html\u003e 
Η αρχή οποιουδήποτε εγγράφου HTML δίνεται από αυτό το στοιχείο. Δεδομένου ότι η γλώσσα σήμανσης HTML αναπτύσσεται συνεχώς και έχει αρκετές εκδόσεις, αυτό το στοιχείο βοηθά το πρόγραμμα περιήγησης να καταλάβει ποια έκδοση χρησιμοποιείται στο έγγραφο και στον τύπο του.
<html\u003e - Ετικέτα ανοίγματος; - ετικέτα κλεισίματος
Αυτή η ετικέτα είναι ένα δοχείο, το οποίο περιλαμβάνει όλα τα περιεχόμενα της σελίδας. Είναι προαιρετικό να γεμίσει, αλλά εξακολουθεί να είναι συνηθισμένο να το χρησιμοποιείτε σε κάθε έγγραφο. Έχει μια ετικέτα κλεισίματος.
<Κεφάλι.\u003e - Ετικέτα ανοίγματος; - ετικέτα κλεισίματος
Μέσα στο Tagov  Δηλαδή, καθώς και άλλες τεχνικές πληροφορίες. Αυτές οι ετικέτες επιτρέπεται να χρησιμοποιούν ως εξής:

Σύνδεση εξωτερικών αρχείων, όπως στυλ τύπου στυλ.

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

             

            

                
            
            

                

                    Εκπτώσεις και κουπόνια της τροχιάς
                
                

                    
                
            
        
             

            

                
            
            

                

                    Κουπόνια Kinderly Coupon Kinderley για την πρώτη τάξη
                
                

                    
                
            
        
             

            

                
            
            

                

                    Εξοικονομήστε αγορές εδώ - Εκπτώσεις και προωθητικά προϊόντα στη Ρωσία