Περιεχόμενο

• Βήματα
• Συμβουλή
• Προειδοποίηση

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

Βήματα

Μέθοδος 1 από 2: Χρησιμοποιήστε ετικέτες HTML

1. 

   Δημιουργήστε ετικέτες γραμματοσειρών. Σετ καρτών μπροστά από το κείμενο που θέλετε να αλλάξετε χρώμα. Τοποθετήστε κάρτα κλεισίματος πίσω από το κείμενο.
   • Οπως:
     Αυτό το κείμενο θα είναι μπλε.

2. 

   
   
   Προσθέστε χαρακτηριστικά χρωμάτων. Εισάγετε χρώμα = "" στην καρτέλα ανοιχτή γραμματοσειρά. Το χρώμα που θέλετε θα είναι σε εισαγωγικά.
   • Για παράδειγμα:
     χρώμα = ""Αυτό το κείμενο θα είναι μπλε.

3. 

   
   
   Επιλέξτε ένα όνομα χρώματος. Το όνομα χρώματος είναι πάντα μία λέξη χωρίς κενά. Δοκιμάστε κάτι απλό όπως "μπλε" (μπλε), "κόκκινο" (κόκκινο) ή ένα περιγραφικό όνομα όπως "lightblue" ή "darkblue" (σκούρο μπλε). Για περισσότερες επιλογές, αναζητήστε τη λίστα των αναγνωρισμένων λέξεων-κλειδιών χρώματος, η οποία περιλαμβάνει "καφέ" (σκούρο καφέ), "χάλυβα μπλε" (γκρι πράσινο) και "ασβέστη" (ανοιχτό κίτρινο).
   • Οπως:
     Αυτό το κείμενο θα είναι μπλε.

4. 

   
   
   Χρησιμοποιήστε δεκαεξαδικούς κωδικούς χρωμάτων. Το HTML σάς επιτρέπει να επιλέξετε από εκατομμύρια χρώματα, αλλά δεν έχουν όνομα όλα τα χρώματα. Αντ 'αυτού, χρησιμοποιούν έναν κωδικό έξι χαρακτήρων γραμμένο σε δεκαεξαδικό. Στον ιστό υπάρχουν πολλοί ιστότοποι που απαριθμούν δεκαεξαδικούς κωδικούς χρώματος ή σας επιτρέπουν να διαλέξετε ένα χρώμα στην οθόνη και να εμφανίσετε την δεκαεξαδική τιμή. Αυτός ο κωδικός ξεκινά με ένα σύμβολο # και έχει έξι χαρακτήρες, συμπεριλαμβανομένων των αριθμών 0-9 ή ενός γράμματος A-F.
   • Ο κωδικός # FF0000 αντιπροσωπεύει το κόκκινο χρώμα.
   • Αυτός ο κωδικός παράγει πράσινο κείμενο.
   • Αυτός ο κωδικός παράγει μπλε κείμενο.

5. 

   Πειραματιστείτε με τιμές RGB. Δεν χρειάζεται να γνωρίζετε πώς λειτουργεί η δεκαεξαδική χρωματική κωδικοποίηση για να μπορείτε να χρησιμοποιήσετε μια διαδικτυακή επιλογή χρώματος. Ωστόσο, εάν θέλετε την εμπειρία, μπορείτε να ξεκινήσετε με τα βασικά:
   • Κάθε κώδικας έξι χαρακτήρων χωρίζεται στις τιμές κόκκινο, πράσινο (πράσινο) και μπλε ("RGB"). Για παράδειγμα, ο κωδικός # FF0000 σημαίνει "κόκκινο: πράσινο FF: 00 μπλε: 00".
   • Για να αλλάξετε την ποσότητα του κόκκινου, αλλάξτε τους δύο πρώτους χαρακτήρες. Μπορείτε να χρησιμοποιήσετε οποιαδήποτε τιμή από 00 (χωρίς κόκκινο) έως 99 (ελαφρώς κόκκινο) ή τα γράμματα AA (κοκκινωπό) έως FF (μέγιστη ποσότητα κόκκινου).
   • Χρησιμοποιήστε το ίδιο σύστημα για να αλλάξετε την τιμή σε πράσινο (τα δύο μεσαία ψηφία) ή μπλε (τα δύο τελευταία ψηφία).

6. 

   Αποκτήστε μια βαθύτερη κατανόηση των δεκαεξαδικών κωδικών χρώματος. Για να επιλέξετε το σωστό χρώμα, πρέπει να γνωρίζετε τις ακόλουθες δύο έννοιες:
   • Κάθε τρεις τιμές χρώματος είναι δύο ψηφία. Εάν θέλετε να κάνετε λιγότερες προσαρμογές, απλώς αλλάξτε το δεύτερο ψηφίο. Για παράδειγμα, τα # 850000 και # 890000 είναι αρκετά παρόμοια και το # A50000 θα είναι λίγο πιο φωτεινό.
   • Οι συνδυασμένες τιμές RGB είναι ίσες με το σύστημα χρωμάτων συν. Το κόκκινο και το πράσινο θα παράγουν κίτρινο. μπλε και πράσινη μορφή κυανό; Το κόκκινο και το μπλε θα παράγουν μπορντό χρώμα.
   διαφήμιση

Μέθοδος 2 από 2: Χρησιμοποιήστε ένα ενσωματωμένο στοιχείο CSS

1. 

   Εισαγάγετε το χαρακτηριστικό στυλ στην ετικέτα HTML. Ιδιότητες στυλ = "" σας επιτρέπει να χρησιμοποιείτε CSS σε έγγραφα HML. Εδώ είναι ένας εύκολος τρόπος για να ορίσετε το χρώμα της γραμματοσειράς ακόμη και αν δεν γνωρίζετε για το CSS. Δοκιμάστε να ορίσετε το χαρακτηριστικό στυλ σε μία από τις ετικέτες HTML:

   • Η ετικέτα p χρησιμοποιείται για την αναγνώριση ενός κειμένου.

   • Η ετικέτα χρησιμοποιείται για τη δημιουργία συνδέσμου.
   • Χρησιμοποιήστε ετικέτες span για να χρωματίσετε μέρος μιας παραγράφου χωρίς να αλλάξετε τη μορφοποίηση.

2. 

   Ονομασία χρώματος. Εισάγετε χρώμα: με το όνομα χρώματος ή τον δεκαεξαδικό κωδικό μέσα στα εισαγωγικά. Για περισσότερες λεπτομέρειες σχετικά με τα ονόματα και τους κωδικούς χρωμάτων, ανατρέξτε στην παραπάνω μέθοδο ή δοκιμάστε τα ακόλουθα παραδείγματα:
   • Αυτός ο κωδικός αποτελεί κόκκινο κείμενο.
   • Αυτός ο κωδικός παράγει ένα σκούρο πράσινο χρώμα ελιάς.
   • Το CSS υποστηρίζει συντόμευση 3 ψηφίων. Ο χρωματικός κωδικός 745 σημαίνει 774455.

3. 

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

     αυτήν την παράγραφο

     σκούρο πράσινο, μεγάλη γραμματοσειρά Cursive.
   • Σημειώστε ότι μπορείτε να χρησιμοποιήσετε οποιαδήποτε λέξη αντί για "φανταχτερό" για να περιγράψετε μια γραμματοσειρά.
   διαφήμιση

Συμβουλή

• Πρέπει να προσπαθήσετε να κάνετε τη σελίδα σας ευανάγνωστη. Τα ανοιχτά χρώματα κειμένου θα είναι δύσκολο να διαβαστούν σε λευκό και τα χρώματα σκούρου κειμένου θα είναι δύσκολο να διαβαστούν σε μαύρο.
• Οι παλαιότεροι υπολογιστές εμφανίζουν όριο 65.000 χρωμάτων, ενώ οι παλαιότεροι υπολογιστές εμφανίζουν όριο 256 χρωμάτων. Ωστόσο, πάνω από το 99% των χρηστών του Διαδικτύου θα μπορούν να δουν το χρώμα που καθορίζετε.

Προειδοποίηση

• Το στοιχείο γραμματοσειράς δεν υποστηρίζεται στο πρότυπο XHTML 1.0 Strict DTD.