כיצד להשתמש בתגי צבע טקסט HTML

מְחַבֵּר: Monica Porter
תאריך הבריאה: 21 מרץ 2021
תאריך עדכון: 27 יוני 2024
Anonim
How to Change Text Color in HTML
וִידֵאוֹ: How to Change Text Color in HTML

תוֹכֶן

מאמר זה יראה לכם כיצד לשנות את צבע הגופן במסמכי HTML. למרות שתגי הגופן מיושנים ב- HTML, תוכלו להשתמש ב- CSS כדי להוסיף צבע לטקסט של דף HTML. אם אתה משתמש בגרסה ישנה יותר של HTML, תוכל להשתמש בתג גופן HTML לפי הצורך.

צעדים

שיטה 1 מתוך 2: השתמש בתגי HTML

  1. צור תגי גופן. סט קלפים מול הטקסט אתה רוצה לשנות צבע. מקם כרטיס סגירה מאחורי הטקסט.
    • כמו:
      הטקסט הזה יהיה כחול.

  2. הוסף תכונות צבע. לְהַכנִיס color = "" לכרטיסייה הפתיחה של הגופן. הצבע הרצוי יהיה במרכאות.
    • לדוגמה:
      color = ""הטקסט הזה יהיה כחול.

  3. בחר שם צבע. שם צבע הוא תמיד מילה אחת ללא רווחים. נסה משהו פשוט כמו "כחול" (כחול), "אדום" (אדום), או שם תיאורי כמו "כחול בהיר" או "כחול כהה" (כחול כהה). לקבלת אפשרויות נוספות, חפש את רשימת מילות המפתח הצבעוניות המוכרות שלך, הכוללת "חום" (חום כהה), "פלדה כחולה" (ירוק אפור) ו"ליים "(צהוב בהיר).
    • כמו:
      הטקסט הזה יהיה כחול.

  4. השתמש בקודי צבע משושה. HTML מאפשר לך לבחור מבין מיליוני צבעים, אך לא לכל הצבעים יש שם. במקום זאת הם משתמשים בקוד בן שש תווים שנכתב בהקסדצימלי. באינטרנט ישנם אתרים רבים המציגים קודי צבע hex או מאפשרים לך לבחור צבע על המסך ולהציג את ערך ה- hex. קוד זה מתחיל בסימן # ויש בו שישה תווים, כולל המספרים 0-9 או אות A-F.
    • קוד # FF0000 מייצג את הצבע האדום.
    • קוד זה מייצר טקסט ירוק.
    • קוד זה מייצר טקסט כחול.
  5. התנסו בערכי RGB. אינך צריך לדעת כיצד פועל קידוד צבעים hex כדי שתוכל להשתמש בבורר צבע מקוון. עם זאת, אם אתה רוצה את החוויה, אתה יכול להתחיל עם היסודות:
    • כל קוד בן שש תווים מחולק לערכים אדום, ירוק (ירוק) וכחול ("RGB"). לדוגמה, הקוד # FF0000 פירושו "אדום: FF ירוק: 00 כחול: 00."
    • כדי לשנות את כמות האדום, שנה את שתי התווים הראשונים. ניתן להשתמש בכל ערך בין 00 (ללא אדום) ל 99 (מעט אדום) או באותיות AA (אדמדם) עד FF (כמות מקסימלית של אדום).
    • השתמש באותה מערכת כדי לשנות את הערך לירוק (שתי התווים האמצעיים) או כחול (שתי הספרות האחרונות).
  6. קבל הבנה מעמיקה יותר של קודי צבע hex. כדי לבחור את הצבע הנכון, עליך לדעת את שני המושגים הבאים:
    • כל שלושה ערכי צבע הם שתי ספרות. אם אתה רוצה לבצע פחות התאמות, פשוט שנה את הספרה השנייה. לדוגמה, # 850000 ו- # 890000 דומים למדי, ו- A50000 יהיה מעט בהיר יותר.
    • ערכי RGB משולבים שווים למערכת הצבעים פלוס. אדום וירוק יפיק צהוב; כחול וירוק יוצר ציאן; אדום וכחול ייצרו צבע בורדו.
    פרסומת

שיטה 2 מתוך 2: השתמש באלמנט CSS מוטבע

  1. הכנס את מאפיין הסגנון בתג HTML. נכסים סגנון = "" מאפשר לך להשתמש ב- CSS במסמכי HML. הנה דרך קלה להגדיר את צבע הגופן גם אם אינך יודע על CSS. נסה להגדיר את מאפיין הסגנון לאחד מתגי ה- HTML:
  2. ייעוד צבע. לְהַכנִיס צֶבַע: עם שם הצבע או הקוד ההקסדצימלי בתוך המרכאות. לפרטים נוספים אודות השמות וקודי הצבע, עיין בשיטה לעיל או נסה את הדוגמאות הבאות:
    • קוד זה מהווה טקסט אדום.
    • קוד זה מייצר צבע ירוק זית כהה.
    • CSS תומך בקיצור תלת ספרתי. קוד צבע 745 מייצג 774455.
  3. השתמש בשיעורי CSS עם גופנים שבהם אתה משתמש לעתים קרובות. אם ברצונך לעצב כל כיתוב תמונה או כותרת לפיסת תוכן בדף אינטרנט גדול, אינך צריך להקליד את הקוד כולו שוב ושוב. במקום זאת, הגדר כיתת CSS בתחילת הטקסט, כך שתוכל להתקשר לשיעור בקיצור אחד בלבד בכל פעם שתרצה להשתמש בסגנון זה. הנה דוגמה המציגה כמה שימושים חדשים במאפיין הסגנון:
    • בסעיף של מסמך ה- HTML, הדבק את הקוד הבא:
    • לאחר מכן, בגוף הטקסט, השתמש בתכונה כדי להוסיף סגנון זה כאלמנט. כמו,

      פסקה זו

      ירוק כהה, גופן קלסי גדול.
    • שים לב שאתה יכול להשתמש בכל מילה במקום "מהודר" כדי לתאר גופן.
    פרסומת

עֵצָה

  • אתה צריך לנסות להפוך את הדף שלך לקל לקריאה. קשה לקרוא צבעי טקסט בהירים על גבי לבן, וקשה לקרוא צבעי טקסט כהים על שחור.
  • מחשבים ישנים מציגים מגבלה של 65,000 צבעים, ואילו מחשבים ישנים מציגים מגבלה של 256 צבעים. עם זאת, מעל 99% ממשתמשי האינטרנט יוכלו לראות את הצבע שציינת.

אַזהָרָה

  • אלמנט הגופן אינו נתמך על תקן DTD קפדני של XHTML 1.0.