Πώς να αλλάξετε το φόντο των ιστοσελίδων. Πώς να ορίσετε το χρώμα του φόντου και το κείμενο στην ιστοσελίδα

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

Ιδιοκτησία χρώματος

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

Όνομα χρώματος (πράσινο, μαύρο, κόκκινο ...);
Κωδικός έγχρωμης λείανσης (008000, 000000, FF0000 ...).
Κωδικός δεκαδικού χρώματος στο RGB (Χρώμα: RGB (40, 175, 250)).

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

Όπως ήδη ανέφερα, μπορείτε να ορίσετε το χρώμα σε σχεδόν όλα τα στοιχεία, μπορεί να είναι (H1 ... H6), (ισχυρό, Em) και ακόμη και ολόκληρο (P) και ακόμη και τα σύνορα των πινάκων, αλλά αυτό αργότερα.

Εξετάζουμε ένα παράδειγμα μιας εργασίας χρώματος κειμένου όταν Βοήθεια CSS:

h1 (Χρώμα: Μπλε)

Σε αυτό το παράδειγμα, όλοι οι τίτλοι του πρώτου επιπέδου της ιστοσελίδας θα είναι μπλε:

Ισχυρό (χρώμα: κόκκινο)

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

Μπορείτε να γράψετε έτσι:

h1, P, Ισχυρή (Χρώμα: Πράσινο)

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

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

class \u003d "μπλε"\u003e Το χρώμα των κεφαλίδων αυτής της τάξης θα είναι μπλε

Στον πίνακα των στυλ CSS, στην περίπτωση αυτή, γράφουμε τον κανόνα όπου ο επιλογέας θα είναι το στοιχείο H1 και μέσω του σημείου ( . ) Ονομα τάξης:

h1.BLUE (Χρώμα: Μπλε)

Σε έγγραφα HTML, χρησιμοποιούνται επίσης οι επιλογείς αναγνωριστικού, καθορίζονται από το χαρακτηριστικό. ταυτότητα. Το αναγνωριστικό είναι ένα πιο σημαντικό χαρακτηριστικό ή προτεραιότητα από μια τάξη. Και αν μια τάξη και ένα αναγνωριστικό θα καθοριστεί επίσης στον κώδικα HTML για το στοιχείο, θα ισχύσει το στυλ αναγνωριστή. Δηλώνει το αναγνωριστικό του σήματος πλέγματος ( # ). Για να χρησιμοποιήσετε σε κώδικα αναγνωριστικού HTML, θα πρέπει να γράψετε:

id \u003d "μπλε"\u003e Το χρώμα των τίτλων αυτού του αναγνωριστικού θα είναι μπλε

Στο φύλλο στυλ με τη σειρά του:

h1 # μπλε (χρώμα: μπλε)

ΧΡΩΜΑ ΤΟΥ ΦΟΝΤΟΥ

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

Σώμα (φόντο-Χρώμα: aqua)

Σε αυτή την περίπτωση, το φόντο της σελίδας θα είναι τυρκουάζ, και να δώσει το υπόβαθρο της κεφαλίδας:

h1 (φόντο-Χρώμα: Κίτρινο)

Παίρνουμε ένα κίτρινο φόντο κεφαλίδας πρώτου επιπέδου.

Χρώμα και φόντο στο CSS

Ιστορικό-επαναλαμβανόμενο ακίνητο

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

Επαναλαμβάνω. - η εικόνα επαναλαμβάνεται κάθετα και οριζόντια.
Επαναλάβετε-x. - η εικόνα επαναλαμβάνεται μόνο οριζόντια.
Επαναλάβετε-y. - η εικόνα επαναλαμβάνεται μόνο με κάθετη.
Δεν επαναλαμβάνεται. - Η εικόνα δεν επαναλαμβάνεται.

Ο κώδικας γράφεται έτσι:

Π (
Ιστορικό - Εικόνα: URL ( Αρχείο εικόνας με εικόνα) ;
Ιστορικό-Επαναλάβετε: επαναλάβετε-x
}

Το κείμενο αυτής της παραγράφου θα βρίσκεται στην κορυφή της εικόνας φόντου που θα είναι οριζόντια.

ΙΣΤΟΡΙΚΟ ΣΤΟΙΧΕΙΟ

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

Σώμα (
Ιστορικό - Εικόνα: URL ( Αρχείο εικόνας με εικόνα) ;
Ιστορικό-Επαναλάβετε: επαναλάβετε-x;
Ιστορικό-Συνημμένο: Σταθερό
}

Σε αυτή την περίπτωση, η εικόνα φόντου θα παραμείνει ακίνητη.

Ιστορικό ακίνητο

Αυτή η ιδιότητα χρησιμοποιείται για τον εντοπισμό της σχετικής εικόνας. Οι τιμές καθορίζονται ως ποσοστό (%), σε μήκος μήκους (cm, px), λέξεις-κλειδιά:

Κάθετα:

Μπλουζα. - η κορυφή της εικόνας ευθυγραμμίζεται στο επάνω άκρο της σελίδας ή του μπλοκ.
Κέντρο
Κάτω μέρος - Το κάτω μέρος της εικόνας ευθυγραμμίζεται στο κάτω άκρο της σελίδας ή του μπλοκ.

Οριζόντια:

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

Γράφουμε έναν κωδικό παραδείγματος σε ποσοστό, μονάδες μήκους και λέξεις-κλειδιά:

Σώμα (
Ιστορικό - Εικόνα: URL ( Αρχείο εικόνας με εικόνα) ;
Θέση φόντου: 0% 0%
}

Σώμα (
Ιστορικό - Εικόνα: URL ( Αρχείο εικόνας με εικόνα) ;
Θέση φόντου: 10px 25cm
}

Σώμα (
Ιστορικό - Εικόνα: URL ( Αρχείο εικόνας με εικόνα) ;
Θέση φόντου: Κορυφαία Κέντρο
}

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

Για να ορίσετε το φόντο στο HTML Χρησιμοποιήστε το ενδιάμεσο DOCTYPE

Και θα ξεκινήσω με το γεγονός ότι Html5. Καμία ευκαιρία να ρωτήσετε. Αυτή η λειτουργία αποφασίστηκε να υπομείνει στο CSS. Επομένως, εάν σκοπεύετε να χρησιμοποιήσετε παρακάτω και θέλετε να πάρετε έναν έγκυρο (σωστό) κωδικό, πρέπει να παραμείνετε στον τύπο μετάβασης του εγγράφου. Για να το κάνετε αυτό, η ιστοσελίδα σας θα πρέπει να ξεκινήσει με την ακόλουθη γραμμή:

Μεταβατικός// el "" http://www.w3.org/tr/html4/lloose.dtd "\u003e

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

Ιστορικό του εγγράφου HTML και τα στοιχεία του

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

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

Χαρακτηριστικό BGCOLOR για να δημιουργήσετε χρώμα φόντου

Για να ρωτήσετε Χρώμα του φόντου Το έγγραφο ή τα στοιχεία του χρησιμοποιούνται από το χαρακτηριστικό BGColor, για παράδειγμα:

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

Κείμενο με φόντο

Αξίζει να σημειωθεί ότι το χρώμα φόντου στο τραπέζι μπορεί επίσης να καθοριστεί για σειρές σε TR TAD και για τα κύτταρα τους στην TD TAG.

Πώς να μάθετε τον κωδικό χρώματος;

Πιθανότατα έχετε ήδη παρατηρήσει ότι το χρώμα στο HTML έχει οριστεί σε ειδική κώδικαςΓια παράδειγμα: # EC008C. Για να μάθετε τον κώδικα που χρειάζεστε το χρώμα που μπορείτε να χρησιμοποιήσετε έναν από τους επεξεργαστές γραφικών. Για παράδειγμα, στο Photoshop μπορείτε να χρησιμοποιήσετε " Εργαλείο Eyedropper."(Pipette) για να πάρετε ένα χρώμα από ένα σημείο στην εικόνα. Στη συνέχεια, πρέπει να κάνετε κλικ στο προκύπτον χρώμα στη γραμμή εργαλείων και στο παράθυρο που ανοίγει " Επιλογέας χρώματος"(Επιλέξτε χρώμα) Copy Color Color.

Έκνω την προσοχή σας στο γεγονός ότι αυτός ο κώδικας θα είναι χωρίς σήμα πλέγματος (#) στην αρχή, αυτό το σημάδι θα πρέπει να προστεθεί χειροκίνητα.

Μπορείτε επίσης να χρησιμοποιήσετε πολλά online Υπηρεσίες, π.χ:

και τα λοιπά.

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

Χαρακτηριστικό υπόβαθρο για να δημιουργήσετε μια εικόνα φόντου

Καθώς και στην περίπτωση του χρώματος του φόντου και στην περίπτωση του Εικόνα φόντουΠρέπει να χρησιμοποιήσετε ένα ειδικό χαρακτηριστικό, δηλαδή φόντο, για παράδειγμα:

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

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

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

Κείμενο με φόντο

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

Απόλυτη και σχετική διαδρομή προς την εικόνα φόντου

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

Σε αυτή την περίπτωση, δεν θα έχετε ταυτόχρονα προβλήματα. Για περισσότερα σχετικά με αυτό μπορείτε να διαβάσετε.

Ας συνοψίσουμε

Χρησιμοποιώντας τα χαρακτηριστικά BGCOLOR και το υπόβαθρο είναι ηθικά ξεπερασμένο, επειδή για την εγκυρότητα του κώδικα HTML θα πρέπει να χρησιμοποιήσετε το μεταβατικό DOCTYPE. Για να ορίσετε το χρώμα φόντου σε HTML, χρησιμοποιεί ειδικούς κωδικούς που μπορείτε να μάθετε σε έναν επεξεργαστή γραφικών ή χρησιμοποιώντας ειδικές υπηρεσίες σε απευθείας σύνδεση. Η εικόνα φόντου αντιγράφεται στις ουρές της περιοχής που διατίθενται και βρίσκεται πάνω από το χρώμα του φόντου. Για να καθορίσετε μια εικόνα φόντου, είναι καλύτερο να χρησιμοποιήσετε την πλήρη διεύθυνση URL του. Έχω τα πάντα σε αυτό. Ευχαριστώ για την προσοχή. Καλή τύχη!

στις 22:37

Επεξεργασία μηνύματος

Καλή μέρα σε όλους να μάθουν και να μάθουν κάτι νέο! Έχετε ποτέ δώσει προσοχή εμφάνιση Κατά την ανάπτυξη που οι δημιουργοί ήταν τεμπέληδες να εκδώσουν ένα υπόβαθρο σελίδων; Και γύρισα. Φαίνεται σφαγή. Συχνά λόγω της έλλειψης συνήθων διαχωρισμού μεταξύ Διαφορετικά είδη Οι πληροφορίες που αναμιγνύονται και απλά εξαφανίζονται την επιθυμία να εξετάσουν περαιτέρω έναν τέτοιο πόρο Web.

Έτσι ώστε το πρόβλημα αυτό δεν συνέβη να αποφασίσω να γράψω ένα άρθρο σχετικά με το θέμα: "Πώς να κάνετε ένα φόντο σελίδων σε HTML". Μετά την ανάγνωση της δημοσίευσης, θα μάθετε, με ποια εργαλεία μπορείτε να ορίσετε τον σχεδιασμό φόντου, πώς να κάνετε ένα φόντο σταθερό ή να αλλάξει και πολλά άλλα, που θα βοηθήσει στην ιστοσελίδα σας ελκυστική. Τώρα ας ξεκινήσουμε!

Βασικά εργαλεία για τη ρύθμιση των ιστοσελίδων φόντου

Για να ορίσετε την εικόνα φόντου, οι προγραμματιστές της γλώσσας Web έχουν παράσχει ένα υπόβαθρο χαρακτηριστικών. Διατίθεται τόσο μέσα όσο και σε CSS.

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

Έτσι, για να εγκαταστήσετε μια εικόνα φόντου μέσω μιας μονάδας HTML Αρκετά για να γράψω αυτόν τον κώδικα: ...

Και αντί των λέξεων "Διεύθυνση αρχείου" Εισάγετε τη διαδρομή προς την εικόνα.

Ωστόσο, ειδοποίηση! Εάν με τη μορφή του φόντου θέλετε να δείτε έναν καμβά μονοχών που καθορίζεται από την παλέτα χρωμάτων, τότε αυτό γίνεται χρησιμοποιώντας το χαρακτηριστικό BGColor.

Για παράδειγμα, ...

Ζητήσαμε ένα μαύρο φόντο για τον ιστότοπό μας.

Τα χρώματα στο CSS και HTML καθορίζονται είτε από μια αγγλική λέξη (για παράδειγμα, κόκκινο) είτε έναν ειδικό κώδικα που αποτελείται από ένα σημάδι # και έξι χαρακτήρες μετά από αυτό (για παράδειγμα, # ffdab9).

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

Ιστορικό ως ιδιοκτησία σε τραπέζια στυλ Cascading

Είναι τοποθετημένο ή μέσα Ξεχωριστό αρχείο από cSS Styles, ή στο στοιχείο

Πρώτο κείμενο

Δεύτερο κείμενο

Κατάλληλο συνημμένο.

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

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

Για να ξεκινήσετε, αλλάξτε το χρώμα του φόντου σας, όπως οι άνθρωποι με Αργό ίντερνετ Η σύνδεση δεν θα δει αμέσως την εικόνα φόντου του ιστότοπου. Κάποια στιγμή, μέχρι να φορτωθεί η εικόνα, μπορούν να δουν μόνο το χρώμα του ιστότοπού σας.
Εισάγετε την ετικέτα. Η παράμετρος BGCOLOR \u003d "*****", όπου ***** είναι ένα έγχρωμο κρυπτογράφημα. Μπορείτε να μάθετε χρώματα για HTML σε οποιονδήποτε γραφικό επεξεργαστή επιλέγοντας την επιλογή "για web" ή στην ιστοσελίδα https://colorscheme.ru/color-names

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

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

Τώρα μπορείτε να προχωρήσετε στην εισαγωγή της εικόνας φόντου. Τοποθετήστε την επιθυμητή εικόνα στον φάκελο κώδικα για μεγαλύτερη ευκολία. Ρωτήστε τον το όνομα Latin Letters.

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

Αντιγράψτε τη διεύθυνση από τη γραμμή αναζήτησης του προγράμματος περιήγησης.

Τώρα στην ετικέτα Εισαγάγετε τη συμβολοσειρά:

style \u003d "Εικόνα: URL ('Αρχείο: /// C: / ussers / pow_file.jpg')"

Αποθηκεύστε το αρχείο σας.

Ελέγξτε την ιστοσελίδα σας. Θα δείτε ότι το φόντο αντικαθίσταται από το κείμενό σας.

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

Ιστορικό-Επαναλάβετε: "Αξία". Οι επιλογές για την αξία σας μπορεί να είναι: "Repear-x" - επαναλαμβάνει την εικόνα φόντου σας και οριζόντια και κάθετα. "Repeat-Y" - Επαναλάβετε μόνο κάθετα. "Δεν υπάρχει επανάληψη" - η εικόνα καταψύχεται επί τόπου και δεν επαναλαμβάνεται. "Space" - ολόκληρη η σελίδα θα γεμίσει με τον μέγιστο αριθμό αντιγράφων της εικόνας, η ακραία θα εισέλθει. "Γύρος" - η ίδια επιλογή, αλλά στις άκρες της εικόνας θα είναι τακτοποιημένα.
Ιστορικό-Συνημμένο: "Αξία". Εάν αντικαταστήσετε αντί της λέξης "κύλιση", τότε η εικόνα θα μετακινηθεί μαζί με την τοποθεσία. "Σταθερό" - όταν η κύλιση του φόντου παραμένει αμετάβλητη.
Μέγεθος φόντου: Αξία τιμή2. Εδώ οι τιμές πρέπει να λάβουν το ποσό σε εικονοστοιχεία. Για παράδειγμα: 100px 200px. Εκτός από τα εικονοστοιχεία, οι τιμές γίνονται αποδεκτές σε ποσοστό. Αυτή είναι η παράμετρος πλήρωσης εικόνας. Εκτός από τους αριθμούς, μπορείτε να εισάγετε δύο παραμέτρους: "περιέχουν" - γεμίζουν στη σελίδα από την εικόνα κατά μήκος της μεγάλης πλευράς και "κάλυμμα" - γεμίζει τη σελίδα με πλάτος εικόνας.

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

Για το πώς να αλλάξω το χρώμα του κειμένου που έγραψα. Θέλω να πω ότι δεν είναι πάντα βολικό. Εδώ, για παράδειγμα, θέλετε να αλλάξετε το χρώμα του κειμένου του συνόλου Html σελίδες. Για παράδειγμα, το μαύρο χρώμα κειμένου αλλαγή στο κόκκινο. Για να το κάνετε αυτό, υπάρχει ένα χαρακτηριστικό TEG για ετικέτα . Θέλω να γίνω ετικέτα Δεδομένου ότι αυτή η ετικέτα έχει χαρακτηριστικά που θα βοηθήσουν στην αλλαγή όχι μόνο το χρώμα του κειμένου, αλλά και το φόντο όλων των σελίδων HTML. Και τώρα περισσότερο και με ένα παράδειγμα.
Εδώ είναι τα χαρακτηριστικά που θεωρούμε τώρα:

ΚΕΙΜΕΝΟ. - Αυτό το χαρακτηριστικό ορίζει το χρώμα του κειμένου ολόκληρου του εγγράφου.
Bgcolor - Αυτό το χαρακτηριστικό υποδεικνύει το χρώμα φόντου της σελίδας HTML.
Ιστορικό. - Με αυτό το χαρακτηριστικό, μπορείτε να γεμίσετε το φόντο της σελίδας.

Το χαρακτηριστικό κειμένου συνταγογραφείται στην ετικέτα . Το χρώμα έχει οριστεί σε ψηφιακό κώδικα:

ή το συνηθισμένο όνομα χρώματος:

Κωδικός κωδικοποίησης και όνομα χρώματος για HTML που βλέπετε εδώ.

Εδώ είναι ένα παράδειγμα:

Αποτέλεσμα:

Ή όπως αυτό:

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

Αποτέλεσμα:

Με το χαρακτηριστικό BGColor, το οποίο τοποθετείται επίσης στην ετικέτα , Μπορείτε να ορίσετε το χρώμα των σελίδων HTML.

Το χρώμα έχει οριστεί σε ψηφιακό κώδικα:

ή το συνηθισμένο όνομα χρώματος:

Εδώ είναι ένα παράδειγμα:

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

Αποτέλεσμα:

Ή όπως αυτό:

Τίτλος σελίδας Κείμενο σελίδας, τραπέζια, εικόνες, μουσική και βίντεο.

Αποτέλεσμα:

Το χαρακτηριστικό φόντου τοποθετείται επίσης στην ετικέτα . Με αυτό το χαρακτηριστικό μπορείτε να κάνετε ένα υπόβαθρο εικόνας. Η μορφή εικόνας λαμβάνει JPG ή GIF. Η άδεια της εικόνας μπορεί να ληφθεί από 12x12 pixels και πολλά άλλα.

Εάν η εικόνα φόντου δημοσιεύεται μαζί με το αρχείο HTML, θα μοιάζει με αυτό:

Εάν η εικόνα φόντου δημοσιεύεται στο φάκελο Εικόνες, θα μοιάζει με αυτό:

Εδώ είναι ένα παράδειγμα:

Τίτλος σελίδας Κείμενο σελίδας, τραπέζια, εικόνες, μουσική και βίντεο.

Αποτέλεσμα:

Ή όπως αυτό:

Τίτλος σελίδας Κείμενο σελίδας, τραπέζια, εικόνες, μουσική και βίντεο.

Αυτό είναι όλο.
Τώρα ξέρετε πώς να αλλάξετε ή να ορίσετε το χρώμα φόντου. Προσπαθήστε να εξασφαλίσετε ένα μάθημα, να αλλάξετε την τιμή, το πείραμα.
. Καλή τύχη !!!

Τυπώνω

Επίσης ενδιαφέρον:

Τρελά χέρια. Σταθμός σημειωματάριων. Για να βοηθήσετε το laptop: Σταθείτε τα χέρια σας για μισή ώρα ψύξης στάση για φορητό υπολογιστή με τα χέρια σας

Δημιουργία αναγνωριστικού μήλου στον υπολογιστή

Έκθεση στην ακτινοβολία υπολογιστών στο ανθρώπινο σώμα

Σας συνιστούμε να διαβάζετε:

2021-05-01 12:16:56

Υπηρεσία Instagram: Φωτογραφικές συνεδρίες σε πίδακες επιχειρήσεων

2021-05-01 12:16:56

2,7 ίντσες σε εκατοστά. Ποια είναι τα μεγέθη οθόνης από τα δισκία. Ίντσες σε εκατοστά, χιλιοστά: πόσο

2021-05-01 12:16:56

Βελτιστοποιήστε τα διήθηση των Windows Set Tweaker για Windows 7 όλα

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

συσκευές

Galaxy - Γαλαξίας χρονολόγησης στο smartphone σας

Γνωρίστε το online παιχνίδι Invaders Galaxy (Galaxy Invaders) - η σύγχρονη εκδοχή του καλύτερου παιχνιδιού ρετρό του είδους του Space Invaders (Space Invaders). Αυτό είναι ένα παλιό καλό ...