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