كود تغيير لون النصوص في لغة html
السلام عليكم ورحمة الله
سنتعرف في هذا الدرس علي كيفية تغيير لون النصوص في لغة html.
يوجد طريقتين لتغيير لون النصوص في لغة html الطريقه الاولي باستخدام باستخدام كود داخل html
والطرقة الثاني يتم تغيير لون النصوص باستخدام لغة Css
وفي هذا الدرس سنتعرف علي الطريقتين ولكن يفضل استخدام الطريقه الثانية.
كود تغيير لون النصوص في صفحة الويب بلغة html
<body><p style="color:red;"> النص الذي نريده </p></body>
نلاحظ من هذا الكود السابق:
1. قمنا باستخدام الوسم <p> الذي يستخدم لكتابة النص العادي ويمكن ايضاً استخدام اي وسم اخر للنصوص مثل <b> النص العريض او <h1> العنوان.... الخ، انظر الدرس السابق
2. قمنا بأضافة العنصر style الخاص بلغة css لكي نضيف العنصر color الخاص بالالوان ثم نضع اللون الذي نريده بعد هذه العلامة
( : ) وبعدها نقوم باغلاقها بهذه العلامة ( ؛ ) كما في الكود السابق.
3. يمكن كتابة اسم اللون الذي نريده بعد العنصر color باللغة الانجليزية او يمكن استخدام كود للون مثل هذا الكود (ff0000 #) ويكون الكود هكذا
<p style="color: #ff0000 ;"> النص الذي نريده </p>
 |
| الصورة الظاهرة |
كود تغيير لون النصوص باستخدام لغة css
<html><head><style>P{Color: red;}</style></head><body><p> النص الذي نريده </p></body></html>
نلاحظ من هذا الكود السابق:
1. قمنا باستخدام لغة css عن طريق اضافة الوسم <style> بين الوسمين <head>
2. ثم قمنا بكتابة اكواد css داخل الوسم <style> فقد قمنا بكتابة الوسم p ثم قمنا بأضافة هذين القوسين { } و وضعنا بداخلهم الكود الخاص بالالوان color وكتبنا اللون الاحمر
3. لقد قمنا باستخدام الوسم p بين الوسمين <style> لاننا نريد تغيير لون (النص العادي) المستخدم بين الوسمين <body>، وكذلك لو اردنا تغيير لون النص العريض (b) مثلا.
وفي نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل وشكراً
لقد تعلمنا في هذا الدرس
كود تغيير لون النص في لغة html, طريقة تغيير لون النصوص في لغة html, كيفية تغيير لون النصوص باستخدام لغة css
الدروس السابقة:
تعليقات
إرسال تعليق