logo

كيفية تغيير لون النص في HTML

في HTML، يمكننا تغيير لون أي نص باستخدام الطرق المختلفة التالية:

  1. باستخدام علامة HTML
  2. استخدام سمة النمط المضمنة
  3. باستخدام CSS الداخلي

1. استخدام علامة HTML

ملاحظة: HTML 5 لا يدعم سمة اللون للخط، لذلك يتعين علينا استخدام سمة النمط المضمن وخيارات CSS الداخلية لتغيير لون النص.

إذا أردنا تغيير لون النص باستخدام علامة Html التي سيتم عرضها على صفحة ويب، علينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكننا بسهولة تغيير لون أي نص:

الخطوة 1: أولا علينا كتابة كود Html في أي محرر نصوص أو فتح ملف Html الموجود في محرر النصوص الذي نريد استخدام الكود فيه علامة HTML .

برنامج بايثون للبحث الثنائي
 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 أعلاه:

كيفية تغيير لون النص في HTML

2. استخدام سمة النمط المضمن

إذا أردنا تغيير لون النص باستخدام سمة النمط المضمنة التي سيتم عرضها على صفحة ويب، فيجب علينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكننا بسهولة تغيير لون النص.

الخطوة 1: أولاً، يتعين علينا كتابة كود Html في أي محرر نصوص أو فتح ملف Html الموجود في محرر النصوص الذي نريد استخدام سمة النمط فيه لتغيير لون النص.

 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: في هذه الخطوة، علينا أن نعطي اسم اللون كقيمة. يمكننا إعطاء اسم اللون في ثلاثة أشكال:

  1. يمكننا كتابة اسم اللون
  2. يمكننا أيضًا إدخال قيمة RGB للون
  3. يمكننا أيضًا إدخال القيمة السداسية العشرية للون.

الخطوة 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> 
اختبره الآن

يظهر إخراج الكود أعلاه في لقطة الشاشة التالية:

كيفية تغيير لون النص في HTML

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: الآن، يتعين علينا وضع المؤشر في علامة الرأس لمستند Html ثم تحديد الأنماط داخل ملف 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 أعلاه في لقطة الشاشة التالية:

كيفية تغيير لون النص في HTML