HTML κώδικα. χρωματικούς κώδικες HTML

Σίγουρα έχετε αντιμετωπίσει μια τέτοια έννοια όπως το HTML κώδικα. Έχουμε ακούσει από φίλους, όπως φαίνεται στο μενού του browser σας, και ούτω καθεξής. Ν Αλλά τι είναι αυτό; Ας προσπαθήσουμε να καταλάβουμε ποιος είναι ο κωδικός είναι και ποια στοιχεία αποτελείται.

βασικές πληροφορίες

Θα ξεκινήσουμε με έναν ορισμό. HTML κώδικα - σήμανση οποιαδήποτε ιστοσελίδα, η οποία έχει σχεδιαστεί χρησιμοποιώντας τη γλώσσα HTML.

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

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

ετικέτες

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

Ετικέτες Τα πάντα περικλείονται σε αγκύλες - <>, και αυτό είναι που τους ξεχωρίζει από το κυρίως κείμενο, το οποίο εμφανίζεται στη σελίδα κατά την περιήγηση. Υπάρχουν δύο τύποι - δίκλινα και μονόκλινα.

Ζεύγη συγκείμενο από την ετικέτα ανοίγματος και κλεισίματος, ενώ η δεύτερη μετά από ένα αριστερό βραχίονα γωνία είναι ευθεία slensh. Για παράδειγμα: & lt? B & gt? Κειμένου & lt? / B & gt?.

Μεταξύ των δύο ετικέτες είναι το κείμενο, πίνακα, εικόνα, ή άλλο στοιχείο, το οποίο εμφανίζεται σε μια ιστοσελίδα.

Solo επίσης να αποτελείται από μία μόνο ετικέτα και δεν περιέχει μια κάθετο. Για παράδειγμα: & lt? Hr & gt?.

Ετικέτες μπορεί να έχει παραμέτρους που μπορούν να ρυθμιστούν με χρήση ειδικών κωδικών για HTML.

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

Βασικά ετικέτες

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

ζεύγη:

• & Lt? σώματος & gt? - περιέχει τις βασικές παραμέτρους του εγγράφου, όπως το χρώμα του φόντου των συνδέσμων, και σε άλλους τομείς?
• & Lt? p & gt? - υποδεικνύει μια παράγραφο?
• & Lt? b & gt? - επιλέγει το κείμενο με έντονους?
• & Lt? i & gt? - πλάγια?
• & Lt? u & gt? - υπογραμμίζει το κείμενο?
• & Lt? s & gt? - ακυρώνει το κείμενο?
• & Lt? sup & gt? - ορίζει το κείμενο ως εκθέτη?
• & Lt? υπο & gt? - δείκτης?
• & Lt? font & gt? - καθορίζει το paramerty γραμματοσειρά: το μέγεθος, τη γραμματοσειρά, το χρώμα?
• & Lt? div & gt? - με αυτό μπορείτε να ευθυγραμμιστεί το κείμενό σας?
• & Lt? h & gt? - κεφαλίδες Tag?
• & Lt? a & gt? - με τη βοήθεια του συνόλου αναφοράς?
• & Lt? πίνακας & gt? - βοηθά να εισάγετε ένα έγγραφο πίνακα που συνδέεται με αυτό ετικέτες & lt? tr & gt? (Line) και & lt? td & gt? (Cell).

μόνο:

• & Lt? Br & gt? - ενιαία, αναδίπλωση κειμένου, μετά από μετά από αυτόν, σε μια νέα σελίδα?
• & Lt? Hr & gt? - μπορεί να εισαχθεί στο κείμενο της οριζόντιας γραμμής.

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

ετικέτα παραμέτρων

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

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

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

• πρόσωπο - καθορίζει τον τύπο της γραμματοσειράς?
• μέγεθος - καθορίζει το μέγεθος?
• χρώμα - ορίζει το χρώμα?
• ευθυγράμμιση - ευθυγράμμιση?
• όνομα - το όνομα?
• href - χρησιμοποιώντας αυτήν την παράμετρο καθορίζει τη διεύθυνση αναφοράς?
• alt - εναλλακτικό κείμενο?
• Πλάτος - πλάτος?
• ύψος - ύψος?
• φόντο - ταπετσαρία?
• bgcolor - φόντο.

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

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

χρώμα πίνακα

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

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

Υπάρχει επίσης ένας πίνακας των ασφαλών χρωμάτων, η οποία έχει 216 όλα τα είδη της μελάσας.

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

Αυτός ο κωδικός απλά να αντιγράψετε και να υποκαταστήσει τις ρυθμίσεις που θέλετε στην ετικέτα.

Πώς να δείτε τον κώδικα της σελίδας

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

Αλλά πώς να το κάνουμε; Υπάρχουν δύο τρόποι, μια αρκετά απλή και άμεση. Η πρώτη - για να ανοίξει την επιθυμητή σελίδα και πατήστε το συνδυασμό πλήκτρων Ctrl + U. Στο νέο παράθυρο, ο πηγαίος κώδικας της σελίδας θα εμφανιστεί, το οποίο μπορείτε να δείτε και να εξερευνήσετε.

Ο δεύτερος τρόπος - πατήστε το αριστερό πλήκτρο του ποντικιού και επιλέξτε στην αναπτυσσόμενη λίστα, επιλέξτε «πηγαίου κώδικα.» Παρόλα αυτά, σας συνιστούμε να χρησιμοποιήσετε την πρώτη μέθοδο, δεδομένου ότι η χρήση των πλήκτρων συντόμευσης είναι πολύ πιο εύκολο και πιο βολικό.

Να σημειωθεί ότι από την ανάγνωση του κώδικα, μπορείτε επίσης να δείτε τα σχόλια σε αυτό, μητρώα ετικέτα στο «Σχόλιο», το οποίο μοιάζει με αυτό: & lt?! & Gt?. Έτσι σχολιάζει γράψει μετά από ένα θαυμαστικό. Στο πρόγραμμα περιήγησης, δεν εμφανίζεται. Μια γραπτή κυρίως για άλλους προγραμματιστές και σχεδιαστές ιστοσελίδων ήταν σε θέση να καταλάβει τι είδους μονάδα πληροφορίας είναι κάτω από αυτό που αναγράφεται ή εκείνο το κομμάτι του κώδικα.

ευρήματα

Γράψτε σε κώδικα HTML δεν είναι τόσο δύσκολο όσο φαίνεται με την πρώτη ματιά. Ειδικά αν θέλετε να δημιουργήσετε ταπεινός και ανεπιτήδευτη sites, online tutorials για HTML με βάση , και ούτω καθεξής. Ν Μαθαίνοντας τη βασική αρχή των ετικετών σήμανσης και δεν παίρνει πολύ χρόνο. Έχετε αρκετό ακόμη μια-δυο μέρες για να αρχίσουν να δημιουργήσουν τα δικά τους έργα.

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