3 דרכים לשימוש בתגיות צבע גופן ב- HTML

תוכן עניינים:

3 דרכים לשימוש בתגיות צבע גופן ב- HTML
3 דרכים לשימוש בתגיות צבע גופן ב- HTML

וִידֵאוֹ: 3 דרכים לשימוש בתגיות צבע גופן ב- HTML

וִידֵאוֹ: 3 דרכים לשימוש בתגיות צבע גופן ב- HTML
וִידֵאוֹ: מפתיעה את בעלי ערומה 🤦🏻‍♀️🤣 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. הוסף את תג "הגופן" הפתוח

לחץ מיד שמאלה מהטקסט שברצונך לצבוע ולאחר מכן הקלד את הדברים הבאים (הקפד להחליף את האדום בצבע המועדף עליך):

122247 13 1
122247 13 1

שלב 5. סגור את תג "גופן"

לחץ על הרווח מימין לסוף הטקסט שאתה צובע ולאחר מכן הקלד אותו.

הטקסט הזה אדום!

קוד HTML לדוגמה

Image
Image

קוד צבע גופן HTML

וידאו - על ידי שימוש בשירות זה, מידע מסוים עשוי להיות משותף עם YouTube

טיפים

  • נסה להפוך את הדף שלך לקריא. קשה לקרוא צבעים בהירים על רקע לבן, וצבעים כהים קשה לקרוא על רקע שחור.
  • קודי צבע HTML מחולקים באופן הבא: שתי התווים הראשונים מתייחסים לגוונים אדומים, השניים השניים מתייחסים לירוק, ושני האחרונים מתייחסים לכחול. אתה יכול להשתמש בכל דבר בין "00" עד "99" כדי לציין כמה מכל צבע שאתה רוצה; השימוש ב- "FF" במקום במספר קריאות הסכום המרבי של אותו צבע (לדוגמה, "0000FF" יהיה כחול ככל האפשר).
  • תצוגות מחשב ישנות מוגבלות לכ- 65, 000 צבעים ותצוגות ישנות מאוד מוגבלות ל -256. עם זאת, מעל 99% ממשתמשי האינטרנט יוכלו לראות כל צבע שתציין.

מוּמלָץ: