تعلمك مقالة ويكي هاو هذه كيفية تغيير لون الخط في مستند HTML الخاص بك. في حين أن علامة خط HTML قديمة في HTML5 ، يمكنك استخدام CSS لإضافة لون إلى نص صفحة HTML الخاصة بك. إذا كنت تعمل باستخدام إصدار أقدم من HTML ، فيمكنك استخدام علامة لون خط HTML حسب الحاجة.
خطوات
الطريقة 1 من 2: استخدام CSS
الخطوة 1. اختر لونًا للنص
بينما يمكنك استخدام الألوان الأساسية (على سبيل المثال ، "أحمر") لتلوين النص ، ستحتاج إلى استخدام منشئ ألوان HTML للحصول على ظلال أكثر دقة:
- انتقل إلى https://www.w3schools.com/colors/colors_picker.asp في متصفح الويب بجهاز الكمبيوتر الخاص بك.
- حدد اللون الأساسي الذي تريد استخدامه في الشكل السداسي أعلى الصفحة.
- قم بالتمرير إلى الظل الذي تريد استخدامه على الجانب الأيمن من الصفحة.
- لاحظ الرمز المكون من ستة أحرف على يمين الظل.
الخطوة 2. افتح مستند HTML الخاص بك
يجب أن يكون هذا هو المستند الذي تريد تغيير لون الخط الخاص به.
إذا لم يكن لديك مستند HTML ، فقم بإنشاء مستند قبل المتابعة
الخطوة الثالثة. ابحث عن النص الذي تريد تلوينه
قم بالتمرير خلال المستند حتى تجد الفقرة أو الرأس أو أي شكل آخر من أشكال النص الذي تريد تلوينه.
الخطوة 4. لاحظ علامات النص
على سبيل المثال ، إذا كان النص عبارة عن رأس ، فسترى"
" امامها.
الخطوة 5. أضف قسمي "الرأس" و "النمط" إلى أعلى المستند
يمكنك القيام بذلك عن طريق الكتابة أسفل العلامة ، والضغط على ↵ Enter ، والكتابة أسفل العلامة ، والضغط على ↵ Enter مرتين ، وكتابة علامات الإغلاق لكليهما. يجب أن تبدو النتيجة النهائية الخاصة بك كما يلي:
الخطوة 6. أدخل علامة نمط "اللون"
انقر على المسافة بين علامتي "" ، ثم أدخل الرمز التالي (تأكد من استبدال اللون الأحمر بكود اللون و"
"بعلامة النص الذي تريد تلوينه):
{ لون احمر؛ }
الخطوة 7. راجع المستند الخاص بك
يجب أن يبدو عنوان صفحتك كما يلي:
الخطوة 8. توحيد لون النص الأساسي
إذا كنت ترغب في جعل كل النص الأساسي للمستند بنفس اللون ، فأدخل الكود التالي مع استبدال اللون المفضل لديك باللون الأسود:
الجسم {اللون: أسود؛ }
الطريقة 2 من 2: استخدام علامات HTML
الخطوة 1. اختر لونًا للنص
بينما يمكنك استخدام الألوان الأساسية (على سبيل المثال ، "أحمر") لتلوين النص ، ستحتاج إلى استخدام منشئ ألوان HTML للحصول على ظلال أكثر دقة:
- انتقل إلى https://www.w3schools.com/colors/colors_picker.asp في متصفح الويب بجهاز الكمبيوتر الخاص بك.
- حدد اللون الأساسي الذي تريد استخدامه في الشكل السداسي أعلى الصفحة.
- قم بالتمرير إلى الظل الذي تريد استخدامه على الجانب الأيمن من الصفحة.
- لاحظ الرمز المكون من ستة أحرف على يمين الظل.
الخطوة 2. افتح مستند HTML الخاص بك
يجب أن يكون هذا هو المستند الذي تريد تغيير لون الخط الخاص به.
إذا لم يكن لديك مستند HTML ، فقم بإنشاء مستند قبل المتابعة
الخطوة الثالثة. ابحث عن النص الذي تريد تلوينه
قم بالتمرير خلال المستند حتى تجد الفقرة أو الرأس أو أي شكل آخر من أشكال النص الذي تريد تلوينه.
الخطوة 4. أضف علامة "الخط" المفتوحة
انقر على يسار النص الذي تريد تلوينه فورًا ، ثم اكتب ما يلي (تأكد من استبدال اللون الأحمر باللون المفضل لديك):
الخطوة 5. أغلق علامة "الخط"
انقر فوق المساحة الموجودة على يمين نهاية النص الذي تقوم بتلوينه ، ثم اكتب هناك.
هذا النص باللون الأحمر!
عينة كود HTML
كود لون خط HTML
فيديو - باستخدام هذه الخدمة ، قد تتم مشاركة بعض المعلومات مع YouTube
نصائح
- حاول أن تجعل صفحتك سهلة القراءة. يصعب قراءة الألوان الزاهية على خلفية بيضاء ، كما يصعب قراءة الألوان الداكنة على خلفية سوداء.
- يتم تقسيم رموز ألوان HTML على النحو التالي: يشير الحرفان الأولان إلى درجات اللون الأحمر ، ويشير الحرفان الثانيان إلى اللون الأخضر ، ويشير الحرفان الأخيران إلى اللون الأزرق. يمكنك استخدام أي شيء من "00" إلى "99" للإشارة إلى المقدار الذي تريده من كل لون ؛ باستخدام "FF" بدلاً من الرقم ، يستدعي الحد الأقصى لمقدار هذا اللون (على سبيل المثال ، سيكون "0000FF" باللون الأزرق قدر الإمكان).
- تقتصر شاشات الكمبيوتر القديمة على 65000 لونًا ، أما شاشات العرض القديمة جدًا فتقتصر على 256 لونًا. ومع ذلك ، سيتمكن أكثر من 99٪ من مستخدمي الإنترنت من رؤية أي لون تحدده.