كيفية استخدام علامات لون الخط في HTML
مؤلف:
Lewis Jackson
تاريخ الخلق:
5 قد 2021
تاريخ التحديث:
1 تموز 2024
![Part 5 How to use Font with color html](https://i.ytimg.com/vi/JP2wvXff7cw/hqdefault.jpg)
المحتوى
في هذه المقالة: استخدام HTML tags استخدم CSS في tags6 المراجع
أصبحت علامة خط HTML الآن قديمة ويجب على المطورين المحترفين تجنب استخدامها. في حين أنه من السهل جدًا تغيير لون الخط في مشروع شخصي ، فليس هناك ما يضمن استمراره في العمل أثناء تحديث متصفحات الويب. للحصول على أفضل النتائج ، يجب عليك استخدام الأسلوب مع CSS.
مراحل
الطريقة الأولى استخدم علامات HTML
-
إنشاء علامة الخط. ضع العلامة أمام البريد الذي تريد اللون. إغلاقها عن طريق وضع في نهاية ه.- مثلا :
أريد أن يكون هذا باللون الأزرق
- مثلا :
-
أضف السمة للون. إضافة اللون = "" داخل علامة الافتتاح. يجب عليك بعد ذلك وضع اللون الذي تختاره في علامات الاقتباس (باللغة الإنجليزية).- مثلا :
أريد أن يكون هذا باللون الأزرق
- مثلا :
-
اختيار اسم اللون. انها دائما كلمة بسيطة باللغة الإنجليزية ، دون الفضاء. جرب أسماء بسيطة مثل "الأزرق" أو "الأحمر" أو شيء أكثر تحديدًا مثل "lightblue" (الأزرق الداكن) أو "darkblue" (الأزرق الداكن). لمزيد من الخيارات ، ابحث عن قائمة بأسماء الألوان المقبولة مثل المارون والصلب الأزرق والجير.- مثلا :
أريد أن يكون هذا باللون الأزرق
- مثلا :
-
استخدم رمز ست عشري بدلاً من ذلك. يتيح لك HTML الاختيار من بين ملايين الألوان ، ولكن لا توجد دائمًا أسماء لها. بدلاً من ذلك ، سوف تستخدم رمزًا مكونًا من ستة أرقام في نظام يسمى الست عشري. هناك العديد من مواقع الويب التي تعرض قوائم الرموز السداسية عشرية للألوان ، أو يمكنك حتى اختيار اللون مباشرة على الشاشة للحصول على الكود. يبدأ الرقم بالرمز # متبوعًا بستة أرقام تتكون من أرقام من 0 إلى 9 وحروف d إلى F.- الكود # FF0000 هو نفس اللون الأحمر الذي يحمل علامة "أحمر".
- هذا الرمز يولد اللون الأخضر.
- هذا الرمز يجعل البريد باللون الأزرق.
-
اللعب مع قيم RGB. ليس عليك معرفة كيفية عمل رمز اللون السداسي عشري لاختيار اللون الذي تريده على لوحة تجدها على الإنترنت. ومع ذلك ، إذا كنت تريد إجراء العديد من التجارب ، يجب أن تبدأ بالأساسيات.- يتم تقسيم كل رقم مكون من ستة أرقام إلى قيم باللون الأحمر والأخضر والأزرق (أو "RGB" لـ "الأحمر والأخضر والأزرق"). على سبيل المثال ، الكود # FF0000 يعني فعليًا "أحمر: FF ، أخضر: 00 ، أزرق: 00".
- لتغيير مقدار اللون الأحمر ، قم بتغيير الرقمين الأولين. يمكنك استخدام قيمة بين 00 (لا حمراء على الإطلاق) و 99 (حمراء صغيرة) وبين AA (حمراء أكثر قليلاً) و FF (الحد الأقصى الأحمر).
- استخدم نفس النظام لتغيير قيمة اللون الأخضر (الرقمان الأوسطان) والأزرق (آخر رقمين).
-
فهم الرمز في العمق. للحصول على اختيار أكثر دقة للألوان ، تحتاج إلى فهم مفهومين آخرين.- يتكون كل من هذه القيم الثلاث من رقم مكون من خانتين. لإجراء تعديلات صغيرة ، يمكنك تغيير الرقم الثاني. مثلا : #850000 و #890000 متشابهة جدا ولكن # A50000 هو أكثر وضوحا بكثير.
- يتم خلط قيم RGB على أساس نظام تركيب الألوان المضافة. جعل الأحمر والأخضر أصفر، الأزرق والأخضر جعل السماوي والأحمر والأزرق جعل أرجواني .
الطريقة الثانية: استخدم CSS في العلامات
-
أدخل السمة "style" في العلامة. تتيح لك هذه السمة وضع CSS مباشرةً في علامة HTML. إنها طريقة بسيطة لتغيير اللون حتى لو كنت لا تعرف CSS. حاول وضعه في إحدى العلامات التالية:علامة p تحيط بفقرة مع e
- يحيط العلامة رابط
- استخدم علامة الامتداد لتغيير لون جزء من البريد دون تغيير التنسيق
-
اذكر اللون إدراج اللون: متبوعًا باسم اللون أو الرمز السداسي عشر داخل علامات الاقتباس. لمزيد من المعلومات حول أسماء الألوان ، راجع الأمثلة في الطريقة السابقة.- ه الآن باللون الأحمر.
- هنا هو رمز أخضر داكن الزيتون.
- يدعم CSS رموز الألوان المختصرة المكونة من ثلاثة أرقام. الكود 745 هو اختصار 774455.
-
استخدم فصول CSS. إذا كنت ترغب في تطبيق نفس النمط على جميع الصور أو جميع عناوين الفصول ، فلن تحتاج إلى تكرار نفس الرمز في كل مرة. بدلاً من ذلك ، يمكنك تحديد فئة في رأس المستند بحيث يمكنك الرجوع إليها لاحقًا متى أردت تطبيق نفس النمط. فيما يلي مثال لإظهار استخدامات متعددة لسمة "النمط".- في القسم من صفحة HTML الخاصة بك ، انسخ الكود التالي:
- في نص المستند نفسه ، استخدم السمة لإضافة هذا النمط إلى العنصر. مثلا :
هذه الفقرة
سيظهر باللون الأخضر الداكن مع خط Cursive واسع. - اعلم أنك لست مضطرًا إلى تسمية صفك بـ "الهوى" ، ويمكنك إعطاؤه الاسم الذي تريده.
- في القسم من صفحة HTML الخاصة بك ، انسخ الكود التالي: