أتش تي أم أل: كيفية تغيير نمط الخط على موقع ويب

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

هناك العديد من العلامات في هتمل المسؤولة عن نمط الخط. واحد منهم هو علامة . تستخدم هذه العلامة لتمييز النص بالخط العريض. على سبيل المثال ، يمكنك استخدامه لتسطير الكلمات الرئيسية أو العبارات في المحتوى الخاص بك.

مثال: سيتم تمييز هذا النص بالخط العريض

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

مثال: سيكون هذا النص مائلا

1. أتش تي أم أل: تغيير نمط الخط على الموقع
2. الطريق إلى النمط: مدمج ، خارجي أو داخلي
3. خيارات تعديل الخط: الحجم واللون والمحاذاة
4. استخدام الأنماط العالمية: أنماط للموقع بأكمله

أتش تي أم أل: تغيير نمط الخط على الموقع

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

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

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

النص

باستخدام

النص

استخدام الأنماط الخارجية:

:

النص

ص {

}

الطريق إلى النمط: مدمج ، خارجي أو داخلي

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

النمط المضمن هو طريقة لتطبيق نمط على عنصر فردي مباشرة في علامة. يتم استخدام سمة النمط لهذا

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

سيكون هذا النص أحمر اللون وحجم خط 20 بكسل.

• ، الأنماط.ملف نمط المغلق

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

• تغيير حجم الخط: لزيادة أو تقليل حجم الخط في هتمل ، استخدم

  سمة النمط

مع خاصية كس

حجم الخط

. على سبيل المثال ، لجعل النص أكبر ، قم بتعيين القيمة

يحتوي هذا النص على حجم خط 20 بكسل

مع خاصية كس 

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

تغيير محاذاة النص: لمحاذاة النص إلى الوسط أو اليسار أو اليمين ، استخدم

سمة النمط

. على سبيل المثال:

سيتم توسيط هذا النص

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