الانتقال إلى المحتوى الرئيسي

كيفية تعيين لون النص في هتمل مع مثال

أتش تي أم أل هي لغة ترميز تسمح لك بإنشاء صفحات ويب. أحد الخيارات الممكنة التي يوفرها هتمل هو القدرة على تعيين لون النص على الصفحة. هناك عدة طرق لتعيين لون النص في هتمل ، وفي هذه المقالة سوف ننظر في كل واحد منهم.

الطريقة الأولى لتعيين لون النص هي استخدام اسم اللون في سمة "اللون" للعلامة أو العنصر الآخر الذي يحتوي على النص. على سبيل المثال ، إذا كنت تريد أن يكون النص أحمر ، فيمكنك استخدام الكود التالي:

سيكون هذا النص أحمر

الطريقة الثانية لتعيين لون النص هو استخدام القيم الرقمية ل رغب (الأحمر والأخضر والأزرق). كل مكون رغب يمكن أن تأخذ القيم من 0 إلى 255. على سبيل المثال ، إذا كنت ترغب في تعيين لون النص إلى اللون الأزرق ، يمكنك استخدام التعليمات البرمجية التالية:

سيكون هذا النص باللون الأزرق

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

سيكون هذا النص أخضر

  1. كيفية تغيير لون النص في هتمل
  2. استخدام أسماء الألوان المحددة مسبقا
  3. باستخدام تنسيق اللون السداسي العشري
  4. الانتهاء
  5. باستخدام سمة اللون
  6. استخدام الأنماط المضمنة
  7. تغيير لون النص
  8. تغيير حجم النص
  9. تغيير خلفية عنصر
  10. باستخدام أنماط كس الخارجية
  11. ستكون نتيجة تطبيق قاعدة النمط هذه هي عرض العنوان
  12. العنصر الأول من القائمة غير المرتبة
  13. يمكن استخدام الإنشاءات النحوية المختلفة لتعيين لون النص في هتمل. على سبيل المثال ، يمكنك استخدام أسماء الألوان (على سبيل المثال ، "أحمر" أحمر ، "أزرق" أزرق) ، تمثيل سداسي عشري للون (على سبيل المثال ، "#ف 0000" أحمر ، "#0000 ف" أزرق) ، أو "رغب()" أو "رغبا()" وظيفة لتعيين اللون في شكل رغب. على سبيل المثال ، سيقوم هذا الرمز بتعيين اللون الأخضر للنص: النص.
  14. هل من الممكن تغيير لون النص باستخدام المغلق?
  15. نعم ، يمكنك تغيير لون النص باستخدام كس (أوراق الأنماط المتتالية). للقيام بذلك ، قم بإنشاء ملف كس منفصل أو إضافة رمز كس المناسب داخل العلامة داخل علامة الصفحة. على سبيل المثال ، لتعيين لون النص لجميع الفقرات
  16. في الصفحة ، يمكنك استخدام رمز كس التالي: ص { اللون: أحمر؛}.
  17. باللون الأزرق.
  18. وبالتالي ، فإن استخدام أنماط كس الخارجية يسمح لك بتعيين لون النص في هتمل والتحكم في عرضه على الصفحة.
  19. تطبيق الطبقات والمعرفات في هتمل ، فمن الممكن لتطبيق الطبقات والمعرفات على العناصر من أجل تعيين أنماط إضافية لهم أو تطبيق إجراءات معينة لهم من خلال كس وجافا سكريبت. يتيح لك ذلك إنشاء هياكل أكثر تعقيدا والتحكم في مظهر العناصر على الصفحة.
  20. الطبقات هي سمة من العناصر التي تسمح لك لتجميعها ومنحهم نفس الأنماط. تتم كتابة الفئات بنقطة قبل اسم الفئة ، على سبيل المثال:. صفي.لتطبيق فئة على عنصر ، يتم استخدام سمة الفئة.
  21. المعرفات هي سمة من سمات العناصر التي تمنحها اسما فريدا. تتم كتابة المعرفات من خلال شبكة قبل اسم المعرف ، على سبيل المثال: #معرفتي. لتطبيق معرف على عنصر ، يتم استخدام سمة المعرف. أمثلة على استخدام الفئات والمعرفات:
  22. تحتوي هذه الفقرة على فئة" صفي".

تحتوي هذه الفقرة على المعرف"هويتي".

بالإضافة إلى ذلك ، يمكنك الجمع بين الفئات والمعرفات لاختيار أكثر دقة للعناصر.:

تحتوي هذه الفقرة على فئة" صفي "ومعرف"هويتي".

  • يتم تعريف أنماط للفئات والمعرفات في ملف كس:
  • . صفي {
  • اللون: أحمر;

}

# هويتي {

وزن الخط: غامق;

}

وبالتالي ، تتيح لك الفئات والمعرفات إدارة أنماط العناصر على صفحة الويب بمرونة أكبر ، وإنشاء مجموعة متنوعة من التصميمات والتأثيرات ، وتسهيل العمل باستخدام جافا سكريبت.

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

عنوان المستوى الثالث هو فقرة

العنصر الأول من القائمة غير المرتبة

العنصر الثاني من القائمة غير المرتبة

العنصر الثالث من القائمة غير المرتبة

  • العنصر الأول من القائمة المرتبة
  • العنصر الثاني من القائمة المرتبة
  • العنصر الثالث من القائمة المرتبة

رأس الجدول

    نص.

ما بناء الجملة يجب أن تستخدم لتعيين لون النص?

يمكن استخدام الإنشاءات النحوية المختلفة لتعيين لون النص في هتمل. على سبيل المثال ، يمكنك استخدام أسماء الألوان (على سبيل المثال ، "أحمر" أحمر ، "أزرق" أزرق) ، تمثيل سداسي عشري للون (على سبيل المثال ، "#ف 0000" أحمر ، "#0000 ف" أزرق) ، أو "رغب()" أو "رغبا()" وظيفة لتعيين اللون في شكل رغب. على سبيل المثال ، سيقوم هذا الرمز بتعيين اللون الأخضر للنص: النص.

هل من الممكن تغيير لون النص باستخدام المغلق?

نعم ، يمكنك تغيير لون النص باستخدام كس (أوراق الأنماط المتتالية). للقيام بذلك ، قم بإنشاء ملف كس منفصل أو إضافة رمز كس المناسب داخل العلامة داخل علامة الصفحة. على سبيل المثال ، لتعيين لون النص لجميع الفقرات

في الصفحة ، يمكنك استخدام رمز كس التالي: ص { اللون: أحمر؛}.

  1. تطبيق الفئات والمعرفات
  2. مثال على تغيير لون النص
  3. رأس المستوى الثالث

سؤال وجواب

كيف يمكنني تغيير لون النص في أتش تي أم أل?

  • هل من الممكن استخدام ألوان أخرى غير الألوان المحددة مسبقا?
  • هل من الممكن تعيين لون النص لعنصر صفحة معين?
  • كيف يمكنني تغيير لون النص داخل الجدول?

ما بناء الجملة يجب أن تستخدم لتعيين لون النص?

هل من الممكن تغيير لون النص باستخدام المغلق?

كيفية تغيير لون النص في هتملفي هتمل ، يمكنك تغيير لون النص باستخدام سمة النمط وخاصية اللون. يمكنك استخدام أسماء ألوان محددة مسبقا أو تحديد لون بتنسيق سداسي عشري.استخدام أسماء الألوان المحددة مسبقا

هناك العديد من أسماء الألوان المحددة مسبقا في هتمل التي يمكنك استخدامها لتغيير لون النص. على سبيل المثال:

أسود-أسود

أحمر-أحمر

أخضر-أخضر

أزرق-أزرق

لتعيين لون النص ، أضف سمة النمط إلى العلامة وحدد خاصية اللون باسم اللون المطلوب. على سبيل المثال:

سيكون هذا النص أحمر

باستخدام تنسيق اللون السداسي العشري

يمكنك أيضا تحديد لون بتنسيق سداسي عشري باستخدام سمة النمط وخاصية اللون. يتكون التنسيق السداسي العشري من الأحرف 0-9 و أ-و ، حيث يمثل كل زوج من الأحرف قيمة لون للأحمر والأخضر والأزرق على التوالي.

على سبيل المثال ، لتعيين لون النص إلى الأصفر ، يمكنك استخدام التعليمات البرمجية التالية:

سيكون هذا النص أصفر

الانتهاء

:

الآن أنت تعرف كيفية تغيير لون النص في هتمل باستخدام سمة النمط وخاصية اللون. يمكن العثور على قائمة كاملة بأسماء الألوان المحددة مسبقا ومعلومات أكثر تفصيلا حول تنسيق اللون السداسي العشري في وثائق هتمل.

باستخدام سمة اللون

يتم استخدام سمة اللون في هتمل لتعيين لون الخط لصفحة ويب. يمكن تطبيقه على عناصر مختلفة مثل الفقرات والعناوين والقوائم والجداول.

يمكن أن تأخذ سمة اللون قيما مختلفة:

الألوان المسماة: يوفر هتمل قائمة من الألوان المحددة مسبقا مثل" الأحمر " ، "الأزرق" ، "الأخضر" ، الخ. على سبيل المثال ، لتعيين لون الخط إلى اللون الأحمر ، يمكننا استخدام سمة اللون بالقيمة "أحمر".

синим цветом.

الرموز السداسية: الرموز السداسية هي مزيج من الأرقام السداسية العشرية التي تحدد لونا معينا. على سبيل المثال ، #ف 0000 يمثل الأحمر. يمكننا استخدام سمة اللون مع القيمة "# ف 0000 " لتعيين لون الخط إلى الأحمر.

رموز رغب: رموز رغب هي مزيج من القيم للأحمر والأخضر والأزرق (الأحمر والأخضر والأزرق). يمكن أن تكون كل قيمة في النطاق من 0 إلى 255. على سبيل المثال ، رغب(255 ، 0 ، 0) يمثل الأحمر. يمكننا استخدام سمة اللون مع قيمة" رغب(255 ، 0 ، 0) " لتعيين لون الخط إلى الأحمر.

أمثلة على استخدام سمة اللون:

  • تعيين لون الخط الأزرق باستخدام رمز سداسي عشري:

نص أخضر

لاحظ أن استخدام سمة اللون يعتبر طريقة قديمة لتعيين لون النص في هتمل. بدلا من ذلك ، فمن المستحسن استخدام أنماط كس لتحقيق تصميم أكثر مرونة وحديثة من صفحات الويب.

استخدام الأنماط المضمنة

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

تغيير لون النص

لتغيير لون النص في هتمل ، يمكنك استخدام خاصية اللون في سمة النمط. يتم تعيين قيمة هذه الخاصية كلون أو رمز سداسي عشري.

اللون الأحمر: النص الأحمر

اللون الأزرق: النص الأزرق

اللون الأخضر: النص الأخضر

تغيير حجم النص

يمكن تغيير حجم النص باستخدام خاصية حجم الخط في سمة النمط. يتم تعيين قيمة هذه الخاصية بالبكسل.

نص صغير: نص صغير

الطبقات هي سمة من العناصر التي تسمح لك لتجميعها ومنحهم نفس الأنماط. تتم كتابة الفئات بنقطة قبل اسم الفئة ، على سبيل المثال: