3 τρόποι χρήσης ετικετών χρώματος γραμματοσειράς σε HTML

Πίνακας περιεχομένων:

3 τρόποι χρήσης ετικετών χρώματος γραμματοσειράς σε HTML
3 τρόποι χρήσης ετικετών χρώματος γραμματοσειράς σε HTML

Βίντεο: 3 τρόποι χρήσης ετικετών χρώματος γραμματοσειράς σε HTML

Βίντεο: 3 τρόποι χρήσης ετικετών χρώματος γραμματοσειράς σε HTML
Βίντεο: Kαθαρισμός ασημικών σε 5" 2024, Απρίλιος
Anonim

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

Βήματα

Μέθοδος 1 από 2: Χρήση CSS

122247 1 1
122247 1 1

Βήμα 1. Επιλέξτε ένα χρώμα για το κείμενό σας

Ενώ μπορείτε να χρησιμοποιήσετε βασικά χρώματα (π.χ. "κόκκινο") για να χρωματίσετε το κείμενό σας, θα πρέπει να χρησιμοποιήσετε μια γεννήτρια χρωμάτων HTML για πιο αποχρώσεις:

  • Μεταβείτε στη διεύθυνση https://www.w3schools.com/colors/colors_picker.asp στο πρόγραμμα περιήγησης ιστού του υπολογιστή σας.
  • Επιλέξτε το βασικό χρώμα που θέλετε να χρησιμοποιήσετε στο εξάγωνο στο επάνω μέρος της σελίδας.
  • Μεταβείτε στη σκιά που θέλετε να χρησιμοποιήσετε στη δεξιά πλευρά της σελίδας.
  • Σημειώστε τον κώδικα έξι χαρακτήρων στα δεξιά της σκιάς.
122247 2 1
122247 2 1

Βήμα 2. Ανοίξτε το έγγραφο HTML

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

Εάν δεν έχετε ακόμη ένα έγγραφο HTML, δημιουργήστε ένα πριν προχωρήσετε

122247 3 1
122247 3 1

Βήμα 3. Βρείτε το κείμενο που θέλετε να χρωματίσετε

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

122247 4 1
122247 4 1

Βήμα 4. Σημειώστε τις ετικέτες του κειμένου

Για παράδειγμα, εάν το κείμενο είναι κεφαλίδα, θα δείτε"

"μπροστά του.

122247 5 1
122247 5 1

Βήμα 5. Προσθέστε τις ενότητες "κεφαλή" και "στυλ" στο επάνω μέρος του εγγράφου

Θα το κάνετε πληκτρολογώντας κάτω από την ετικέτα "", πατώντας ↵ Enter, πληκτρολογώντας κάτω από την ετικέτα "", πατώντας δύο φορές ↵ Enter και πληκτρολογώντας τις ετικέτες κλεισίματος και για τις δύο. Το τελικό σας αποτέλεσμα θα πρέπει να μοιάζει με αυτό:

     
122247 6 1
122247 6 1

Βήμα 6. Εισαγάγετε την ετικέτα στυλ "χρώμα"

Κάντε κλικ στο κενό μεταξύ των ετικετών "" και, στη συνέχεια, εισαγάγετε τον ακόλουθο κώδικα (φροντίστε να αντικαταστήσετε το κόκκινο με τον κωδικό χρώματος και ""

"με την ετικέτα για το κείμενο που θέλετε να χρωματίσετε):


{χρώμα: κόκκινο; }

122247 7 1
122247 7 1

Βήμα 7. Ελέγξτε το έγγραφό σας

Η κεφαλίδα της σελίδας σας θα πρέπει να μοιάζει κάπως έτσι:

     
122247 8 1
122247 8 1

Βήμα 8. Ενοποιήστε το χρώμα του κειμένου του σώματος

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

σώμα {χρώμα: μαύρο; }

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

122247 9 1
122247 9 1

Βήμα 1. Επιλέξτε ένα χρώμα για το κείμενό σας

Ενώ μπορείτε να χρησιμοποιήσετε βασικά χρώματα (π.χ. "κόκκινο") για να χρωματίσετε το κείμενό σας, θα πρέπει να χρησιμοποιήσετε μια γεννήτρια χρωμάτων HTML για πιο αποχρώσεις:

  • Μεταβείτε στη διεύθυνση https://www.w3schools.com/colors/colors_picker.asp στο πρόγραμμα περιήγησης ιστού του υπολογιστή σας.
  • Επιλέξτε το βασικό χρώμα που θέλετε να χρησιμοποιήσετε στο εξάγωνο στο επάνω μέρος της σελίδας.
  • Μεταβείτε στη σκιά που θέλετε να χρησιμοποιήσετε στη δεξιά πλευρά της σελίδας.
  • Σημειώστε τον κώδικα έξι χαρακτήρων στα δεξιά της σκιάς.
122247 10 1
122247 10 1

Βήμα 2. Ανοίξτε το έγγραφο HTML

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

Εάν δεν έχετε ακόμη ένα έγγραφο HTML, δημιουργήστε ένα πριν προχωρήσετε

122247 11 1
122247 11 1

Βήμα 3. Βρείτε το κείμενο που θέλετε να χρωματίσετε

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

122247 12 1
122247 12 1

Βήμα 4. Προσθέστε την ανοιχτή ετικέτα "font"

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

122247 13 1
122247 13 1

Βήμα 5. Κλείστε την ετικέτα "font"

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

Αυτό το κείμενο είναι κόκκινο!

Δείγμα κώδικα HTML

Image
Image

Κωδικός χρώματος γραμματοσειράς HTML

Βίντεο - Χρησιμοποιώντας αυτήν την υπηρεσία, ορισμένες πληροφορίες ενδέχεται να κοινοποιηθούν στο YouTube

Συμβουλές

  • Προσπαθήστε να κάνετε τη σελίδα σας εύκολη στην ανάγνωση. Τα φωτεινά χρώματα είναι δύσκολο να διαβαστούν σε λευκό φόντο και τα σκούρα χρώματα είναι δύσκολο να διαβαστούν σε μαύρο φόντο.
  • Οι χρωματικοί κωδικοί HTML αναλύονται ως εξής: οι δύο πρώτοι χαρακτήρες αναφέρονται σε κόκκινες αποχρώσεις, οι δεύτεροι δύο σε πράσινο και οι δύο τελευταίοι αναφέρονται σε μπλε. Μπορείτε να χρησιμοποιήσετε οτιδήποτε από "00" έως "99" για να υποδείξετε πόσο από κάθε χρώμα θέλετε. χρησιμοποιώντας το "FF" αντί για έναν αριθμό κλήσεων το μέγιστο ποσό αυτού του χρώματος (για παράδειγμα, το "0000FF" θα είναι όσο το δυνατόν πιο μπλε).
  • Οι παλιές οθόνες υπολογιστών περιορίζονται σε περίπου 65, 000 χρώματα και οι πολύ παλιές οθόνες περιορίζονται σε 256. Ωστόσο, πάνω από το 99% των χρηστών του διαδικτύου θα μπορούν να δουν οποιοδήποτε χρώμα καθορίσετε.

Συνιστάται: