كيفية استخدام علامات لون النص HTML

مؤلف: Monica Porter
تاريخ الخلق: 21 مارس 2021
تاريخ التحديث: 27 يونيو 2024
Anonim
How to Change Link Color in HTML (change text color)
فيديو: How to Change Link Color in HTML (change text color)

المحتوى

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

خطوات

الطريقة 1 من 2: استخدم علامات HTML

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

  2. أضف سمات اللون. إدراج اللون = "" في علامة التبويب فتح الخط. اللون الذي تريده سيكون بين الاقتباسات.
    • فمثلا:
      اللون = ""سيكون هذا النص باللون الأزرق.

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

  4. استخدم رموز الألوان السداسية. يتيح لك HTML الاختيار من بين ملايين الألوان ، ولكن ليس كل الألوان لها اسم. بدلاً من ذلك ، يستخدمون رمزًا مكونًا من ستة أحرف مكتوبًا بالنظام الست عشري. هناك العديد من مواقع الويب على الويب التي تسرد رموز الألوان السداسية أو تتيح لك اختيار لون على الشاشة وعرض القيمة السداسية. يبدأ هذا الرمز بعلامة # ويتكون من ستة أحرف ، بما في ذلك الأرقام 0-9 أو الحرف A-F.
    • رمز # FF0000 يمثل اللون الأحمر.
    • ينتج هذا الرمز نصًا أخضر.
    • ينتج هذا الرمز نصًا أزرق.
  5. جرب قيم RGB. لا يتعين عليك معرفة كيفية عمل الترميز اللوني السداسي لتتمكن من استخدام منتقي الألوان عبر الإنترنت. ومع ذلك ، إذا كنت تريد التجربة ، يمكنك البدء بالأساسيات:
    • كل رمز مكون من ستة أحرف مقسم إلى القيم الأحمر والأخضر (الأخضر) والأزرق ("RGB"). على سبيل المثال ، الرمز # FF0000 يعني "أحمر: FF أخضر: 00 أزرق: 00."
    • لتغيير مقدار اللون الأحمر ، قم بتغيير أول حرفين. يمكنك استخدام أي قيمة من 00 (بدون الأحمر) إلى 99 (أحمر قليلاً) أو الأحرف AA (ضارب إلى الحمرة) حتى FF (الحد الأقصى من اللون الأحمر).
    • استخدم نفس النظام لتغيير القيمة إلى اللون الأخضر (الرقمان الأوسطان) أو الأزرق (آخر رقمين).
  6. فهم عميق للترميز اللوني السداسي. لاختيار اللون الصحيح ، تحتاج إلى معرفة المفهومين التاليين:
    • كل ثلاث قيم لونية تتكون من رقمين. إذا كنت تريد إجراء تعديلات أقل ، فقم فقط بتغيير الرقم الثاني. على سبيل المثال ، # 850000 و # 890000 متشابهان تمامًا ، و # A50000 سيكون أكثر سطوعًا.
    • قيم RGB المجمعة تساوي نظام الألوان زائد. ينتج اللون الأحمر والأخضر اللون الأصفر ؛ شكل أزرق وأخضر سماوي ؛ ينتج اللون الأحمر والأزرق لونًا خمريًا.
    الإعلانات

الطريقة 2 من 2: استخدم عنصر CSS مضمن

  1. أدخل سمة النمط في علامة HTML. الخصائص النمط = "" يسمح لك باستخدام CSS في مستندات HML. إليك طريقة سهلة لتعيين لون الخط حتى إذا كنت لا تعرف شيئًا عن CSS. حاول تعيين سمة النمط على إحدى علامات HTML:
  2. تعيين اللون. إدراج اللون: مع اسم اللون أو الرمز الست عشري داخل علامات الاقتباس. لمزيد من التفاصيل حول الأسماء وأكواد الألوان ، راجع الطريقة أعلاه أو جرب الأمثلة التالية:
    • هذا الرمز يشكل نص أحمر.
    • ينتج عن هذا الرمز لون أخضر زيتوني غامق.
    • يدعم CSS التقصير المكون من 3 أرقام. رمز اللون 745 يرمز إلى 774455.
  3. استخدم فئات CSS مع المحارف التي تستخدمها كثيرًا. إذا كنت ترغب في تصميم كل تسمية توضيحية للصورة أو عنوان لجزء من المحتوى على صفحة ويب كبيرة ، فلن تحتاج إلى كتابة الرمز بالكامل مرارًا وتكرارًا. بدلاً من ذلك ، حدد فئة CSS في بداية النص ، بحيث يمكنك استدعاء الفصل باختصار واحد فقط في كل مرة تريد استخدام هذا النمط. فيما يلي مثال يوضح بعض الاستخدامات الجديدة لسمة النمط:
    • في قسم من مستند HTML ، الصق الكود التالي:
    • بعد ذلك ، في نص النص ، استخدم السمة لإضافة هذا النمط كعنصر. مثل،

      هذه الفقرة

      أخضر غامق ، خط مخطوطة كبير.
    • لاحظ أنه يمكنك استخدام أي كلمة بدلاً من "fancy" لوصف محرف.
    الإعلانات

النصيحة

  • يجب أن تحاول جعل صفحتك سهلة القراءة. سيكون من الصعب قراءة ألوان النص الفاتحة على الأبيض ، وستصعب قراءة ألوان النص الداكنة على الأسود.
  • تعرض أجهزة الكمبيوتر القديمة حدًا يبلغ 65000 لونًا ، بينما تعرض أجهزة الكمبيوتر الأقدم حدًا يبلغ 256 لونًا. ومع ذلك ، سيتمكن أكثر من 99٪ من مستخدمي الإنترنت من رؤية اللون الذي تحدده.

تحذير

  • عنصر الخط غير مدعوم في معيار XHTML 1.0 Strict DTD.