ב-HTML, אנו יכולים לשנות את הצבע של כל טקסט באמצעות הדרכים השונות הבאות:
- שימוש בתג HTML
- שימוש בתכונת סגנון מוטבע
- שימוש ב-CSS פנימי
1. שימוש בתג HTML
הערה: HTML 5 אינו תומך בתכונת הצבע של הגופן, לכן עלינו להשתמש בתכונת הסגנון המוטבע ובאפשרויות ה-CSS הפנימיות לשינוי הצבע של טקסט.
אם ברצוננו לשנות את הצבע של טקסט באמצעות תג HTML אשר יוצג בדף אינטרנט, עלינו לבצע את השלבים המפורטים להלן. בעזרת השלבים הבאים נוכל לשנות בקלות את הצבע של כל טקסט:
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט שבו אנו רוצים להשתמש ב- תג HTML .
mylivecriclet
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
שלב 2: כעת, הזז את הסמן בתחילת הטקסט שאת צבעו אנו רוצים לשנות. ולאחר מכן, הקלד את ה-HTML הריק תג במיקום זה.
Single Line text and statements
שלב 3: לאחר מכן, עלינו לסגור את תג הגופן בסוף הטקסט שאת צבעו אנו רוצים לשנות.
Single Line text and statements
שלב 4: כעת, עלינו להוסיף את התכונה של תג הגופן ששמו הוא ' צֶבַע '. אז, הקלד את צֶבַע תכונה בתוך ההתחלה תָג. ואז אנחנו צריכים לתת את הצבע שבו אנחנו רוצים להשתמש בטקסט. אז, הקלד את שם הצבע ב- תכונת צבע כמתואר בבלוק הבא.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Htmlבדוק את זה עכשיו
שלב 5: ולבסוף, עלינו לשמור את קוד ה-Html בעורך הטקסט ולהפעיל את הקוד. לאחר הביצוע, נראה את הפלט בדפדפן. צילום המסך הבא מציג את הפלט של קוד ה-html לעיל:
2. שימוש בתכונה Inline Style
אם ברצוננו לשנות את הצבע של טקסט באמצעות תכונת סגנון מוטבע אשר יוצג בדף אינטרנט, עלינו לבצע את השלבים המפורטים להלן. באמצעות השלבים הללו, נוכל לשנות בקלות את צבע הטקסט.
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט בו אנו רוצים להשתמש בתכונה style לשינוי צבע הטקסט.
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
שלב 2: כעת, הזז את הסמן בתחילת הטקסט שאת צבעו אנו רוצים לשנות. ולאחר מכן, הקלד את השורה המוטבעת סִגְנוֹן תכונה בתוך כל אלמנט. כאן, אנו משתמשים ב-
(פיסקה) תג:
כל טקסט
מהו שם משתמש
שלב 3: בשלב זה, עלינו לתת שם של צבע כערך. אנו יכולים לתת את שם הצבע בשלוש צורות:
- נוכל להקליד שם של צבע
- אנחנו יכולים גם להזין את ערך ה-RGB של צבע
- נוכל גם להזין את הערך הקסדצימלי של צבע.
שלב 4: לאחר מכן, עלינו לסגור את האלמנט בסוף הטקסט שאת צבעו אנו רוצים לשנות.
כל טקסט
שלב 4: ולבסוף, שמור את קוד ה-Html שמשנה את צבע הטקסט באמצעות תכונת סגנון CSS.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>בדוק את זה עכשיו
הפלט של הקוד לעיל מוצג בצילום המסך הבא:
2. שימוש ב-CSS פנימי
אם ברצוננו לשנות את הצבע של טקסט באמצעות גיליון סגנונות מדורג פנימי אשר יוצג בדף אינטרנט, עלינו לבצע את השלבים המפורטים להלן. באמצעות השלבים הללו, נוכל לשנות בקלות את צבע הטקסט.
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט בו אנו רוצים להשתמש ב-CSS הפנימי לשינוי צבע הטקסט.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
שלב 2: כעת, עלינו למקם את הסמן בתג head של מסמך ה-Html ולאחר מכן להגדיר את הסגנונות בתוך תג כפי שמוצג בבלוק הבא. ולאחר מכן הקלד את צֶבַע תכונה לתוך בורר האלמנטים.
Body { color:orange; } p { color:green; }
שלב 3: כעת, עלינו להקליד את בורר האלמנטים המוגדר לפני הטקסט שאת צבעו אנו רוצים לשנות.
למד ציון דיוק
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p>בדוק את זה עכשיו
הפלט של קוד ה-Html לעיל מוצג בצילום המסך הבא: