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