تنزيل المقال
تنزيل المقال
يعتبر وسم الخط (font) في لغة اتش تي ام ال قديمًا جدًا وينبغي على مطوّري صفحات الويب المحترفين تجنّب استخدامه في الوقت الراهن [١] X مصدر بحثي ، وعلى الرغم من أن هذا الوسم يعد طريقة سهلة لتغيير لون الخط في المشاريع الخاصة، لا يمكن ضمان استمرار عمل الوسم مع التحديثات المستمرة لمتصفّحات الإنترنت. استخدم طريقة سي اس اس الموجودة في نهاية هذا المقال للحصول على أفضل نتيجة.
الخطوات
-
أنشئ وسم الخط. ضع الوسم <font> في بداية النص الذي ترغب بتغيير لونه ثم ضع الوسم </font> بعد نهاية النص.
- مثال:
<font>أرغب بتغيير لون هذا النص إلى الأزرق.</font>
- مثال:
-
أضِف خاصية اللون. أضف الخاصية color=" " بداخل وسم الخط واكتب اللون الذي ترغب به بين علامتيّ الاقتباس.
- مثال:
<font> color=" " أرغب بتغيير لون هذا النص إلى الأزرق.</font>
- مثال:
-
اختر اسم لون. يتكون اسم اللون من كلمة واحدة دائمًا ولا يحتوي على مسافات. جرّب اسمًا بسيطًا مثل الأزرق "blue" أو الأحمر "red"، أو اختر اسمًا يصف اللون مثل الأزرق الفاتح "lightblue" أو الأزرق الغامق "darkblue". يمكنك أيضًا الاطلاع على قائمة بأسماء الألوان المقبولة والتي تتضمّن الكستنائي "maroon" والأزرق المعدني "steelblue" والأخضر الليموني "lime". [٢] X مصدر بحثي
- مثال:
<font color=" blue "> أرغب بتغيير لون هذا النص إلى الأزرق. </font>
- مثال:
-
استخدم رمز اللون بالنظام الستة عشري. تسمح لك لغة اتش تي ام ال باختيار اللون الذي تريده من بين ملايين الألوان المتاحة، علمًا بأنه لا يوجد اسم معين لكل لون من هذه الألوان وتستخدم لغة اتش تي ام ال عوضًا عن ذلك رمزًا مكوّنًا من 6 خانات يندرج تحت نظام عد يسمّى النظام الستة عشري. هناك الكثير من المواقع الإلكترونية التي تقدّم قائمة بكل رموز الألوان بالنظام الستة عشري أو التي تسمح لك باختيار لون على الشاشة لتقدم لك رمز اللون الخاص به. يبدأ رمز اللون بالرمز # ويحتوي على 6 خانات ضمن الأرقام من 0 إلى 9 أو الحروف من A إلى F.
- <font color="FF0000"> يعبّر الرمز #FF0000 عن اللون الأحمر بنفس طريقة كتابة اسم اللون الأحمر. </font>
- <font color="00FF00"> يؤدي استخدام رمز اللون هذا إلى إظهار النص باللون الأخضر. </font>
- <font color="0000FF"> يؤدي استخدام رمز اللون هذا إلى إظهار النص باللون الأزرق. </font>
-
تلاعب بقيم أر جي بي. لن تحتاج إلى معرفة كيفية عمل رموز الألوان بنظام العد الستة عشري حتى تستخدم أداة لاختيار الألوان على شبكة الإنترنت، إلا إنه بإمكانك البدء بمعرفة الأساسيات إن كنت ترغب بالتجربة:
- ينقسم كل رمز مكوّن من ستة خانات إلى قيم للألوان الأحمر والأخضر والأزرق ("أر جي بي"). يعني الرمز #FF0000 على سبيل المثال "أحمر: FF وأخضر: 00 وأزرق: 00."
- غيّر أول خانتين لتغيير كمية اللون الأحمر. يمكنك استخدام أي قيمة بين 00 (إلغاء اللون الأحمر تمامًا) و 99 (القليل من اللون الأحمر)، أو بين AA (لون أحمر أكثر قليلًا) و FF (أقصى قدر من اللون الأحمر).
- استخدم نفس الطريقة لتغيير قيمة اللون الأخضر (الخانتان الموجودتان في المنتصف) أو قيمة اللون الأزرق (الخانتان الأخيرتان).
-
افهم رمز اللون بشكل أكبر. ستحتاج إلى معرفة شيئين إضافيين لاختيار اللون بصورة أدق:
- تتكون كل قيمة من قيم الألوان الثلاثة من خانتين. ويمكنك تغيير الخانة الثانية لإحداث تعديلات طفيفة. على سبيل المثال، #850000 و #890000 متشابهان إلى حدٍ كبير، ولكن الرمز #A50000 يعطي لونًا فاتحًا أكثر بكثير.
- يتم دمج قيم أر جي بي بواسطة نظام الألوان الجمعي . يؤدي مزج اللونين الأحمر والأخضر إلى إنتاج اللون الأصفر ، واللونين الأزرق والأخضر إلى إنتاج اللون السماوي ، واللونين الأحمر والأزرق إلى إنتاج اللون الأرجواني . [٣] X مصدر بحثي
-
أدرج خاصية النمط في وسم لغة اتش تي ام ال. تسمح لك خاصية النمط style=" " باستخدام رموز سي اس اس في مستند اتش تي ام ال وتعد هذه الطريقة وسيلة سهلة لتحديد لون الخط حتى وإن لم تكن قد تعاملت مع رموز سي اس اس من قبل. جرّب إدراج خاصية النمط بداخل أحد وسوم لغة اتش تي ام ال التالية:
- <p style=" ">يحيط الوسم p بفقرة نصية كاملة.</p>
- <a style=" " href="https://www.wikihow.com">يحيط الوسم a برابط تشعبي.</a>
- <span style=" ">استخدم الوسم span عند رغبتك بتلوين جزء من الفقرة النصية دون تغيير التنسيق.</span>
-
حدّد اللون. أدرج الخاصية color: متبوعة باسم اللون أو رمز اللون في النظام الستة عشري بداخل علامات الاقتباس. [٤] X مصدر بحثي يمكنك أيضًا الاطلاع على الطريقة السابقة أو تجربة الطرق التالية للحصول على معلومات مفصلة حول أسماء الألوان ورموزها:
- <span style="color:red"> يؤدي ذلك إلى تحويل لون النص إلى لأحمر. </span>
- <span style="color:#556B2F"> هذا هو رمز اللون الأخضر الزيتوني الداكن. </span>
- <span style="color:#745"> تدعم رموز سي اس اس الرموز اللونية المكونة من ثلاث خانات، ويمثل الرمز 745 مثلًا اختصار الرمز اللوني 774455. </span>
-
استخدام فئات سي اس اس مع الأنماط التي تستخدمها عادةً. لن تحتاج إلى كتابة رمز سي اس اس بالكامل مرات متكررة عند الرغبة بضبط نمط لكل عناوين الصور أو الفصول في صفحة ويب كبيرة ويمكنك عوضًا عن ذلك تعريف فئة سي اس اس في ترويسة المستند ثم الإشارة إليها من خلال اختصار في كل مرة ترغب فيها باستخدام نمط هذه الفئة المعرّفة. [٥] X مصدر بحثي إليك مثال يوضح بعض الاستخدامات الجديدة لخاصية النمط:
- الصق الرمز التالي في قسم <head> من مستند اتش تي ام ال
<style type="text/css">
.fancy {
font-family: Cursive;
color: darkgreen;
font-size:150%;
}
</style> - استخدم الخاصية class="fancy" في جسم نفس المستند لإضافة هذا النمط إلى عنصر معين. على سبيل المثال، ستظهر فقرة <p class="fancy">هذا النص</p> بلون أخضر داكن وبحروف كبيرة بالخط المحدد.
- يمكنك استخدام أي كلمة أخرى بدلًا من "fancy" لوصف النمط.
- الصق الرمز التالي في قسم <head> من مستند اتش تي ام ال
أفكار مفيدة
- حاول أن تسهّل قراءة صفحتك. من الصعب قراءة الألوان الفاتحة فوق خلفية بيضاء ومن الصعب كذلك قراءة الألوان الداكنة فوق خلفية سوداء.
- تتمكن شاشات أجهزة الكمبيوتر القديمة من إظهار 65,000 لون فقط على وجه التقريب، وتتمكن الشاشات الأقدم من إظهار 256 لونًا فقط، وسيتمكن أكثر من 99% من مستخدمي الإنترنت من رؤية أي لون تحدده على الرغم من ذلك. [٦] X مصدر بحثي
تحذيرات
- عنصر الخط غير مدعوم في تعريف نوع المستند "اكس اتش تي ام ال 1.0 استركت".
المصادر
- ↑ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font
- ↑ https://www.w3.org/TR/SVG/types.html#ColorKeywords
- ↑ http://hyperphysics.phy-astr.gsu.edu/hbase/vision/addcol.html
- ↑ https://www.w3.org/TR/REC-html40/present/styles#h-14.2.2
- ↑ https://www.w3.org/TR/REC-html40/present/styles#h-14.2.2
- ↑ http://www.w3schools.com/browsers/browsers_display.asp
