يوفر هتمل طرق مختلفة لتغيير حجم الخط على صفحة ويب. واحد منهم هو جعلها صغيرة. يمكن أن يكون هذا مفيدا في حالات مختلفة: على سبيل المثال ، إذا كنت تريد التركيز على معلومات معينة أو إنشاء تصميم فعال. في هذه المقالة ، سوف ننظر في بعض الطرق البسيطة لجعل خط صغير في هتمل.
1. باستخدام العلامة
تسمح لك العلامة بعرض النص بحجم خط أصغر. مجرد التفاف النص المطلوب في وإغلاقه مع علامة. على سبيل المثال:
نص صغير
2. تحديد حجم الخط في المغلق
إذا كنت بحاجة إلى التحكم في حجم الخط بشكل أكثر دقة ، يمكنك استخدام كس. للقيام بذلك ، قم بتطبيق النمط على العنصر أو الفصل المطلوب. على سبيل المثال:
نص صغير
3. باستخدام فئة كس
للحصول على نمط نص صغير أكثر مرونة وقابلة لإعادة الاستخدام ، يمكنك تحديد فئة كس. ثم قم بتطبيق هذه الفئة على العنصر المطلوب. على سبيل المثال:
نص صغير
- أتش تي أم أل: طرق بسيطة لجعل غرامة المطبوعة
- باستخدام العلامة
- تعيين خاصية حجم الخط في كس
- استخدام سمة الحجم في العلامة
- تغيير حجم الخط باستخدام وحدات البكسل
- تطبيق الأنماط على عنصر باستخدام كس المضمنة
- تغيير حجم الخط باستخدام النسب المئوية
أتش تي أم أل: طرق بسيطة لجعل غرامة المطبوعة
إذا كنت بحاجة إلى جعل خط النص على صفحة الويب الخاصة بك صغيرة ، وهناك عدة طرق بسيطة لتحقيق ذلك باستخدام هتمل.
1. استخدم العلامة لتقليل حجم الخط. على سبيل المثال ، إذا كنت تريد أن يكون النص صغيرا ، فقم بإرفاقه في علامة على النحو التالي:
النص الصغير الخاص بك
2. استخدم السمة لتعيين حجم الخط. حدد الحجم بوحدات القياس ، مثل وحدات البكسل أو النسب المئوية. على سبيل المثال ، لتعيين حجم الخط إلى 10 بكسل ، استخدم التعليمات البرمجية التالية:
النص الصغير الخاص بك
3. استخدم كس لتعيين حجم الخط. قم بإنشاء نمط كس داخلي أو خارجي يحدد حجم الخط. على سبيل المثال ، لتعيين حجم الخط إلى 12 بكسل ، استخدم رمز كس التالي:
4. استخدم وحدات القياس النسبية لحجم الخط. بدلا من تحديد قيمة حجم ثابت ، يمكنك استخدام النسب المئوية أو م لتعيين حجم الخط بالنسبة لحجم العنصر الأصل. على سبيل المثال ، لتعيين حجم الخط إلى 80٪ من حجم العنصر الأصل ، استخدم التعليمات البرمجية التالية:
النص الصغير الخاص بك
الآن أنت تعرف بعض الطرق البسيطة لجعل غرامة المطبوعة باستخدام هتمل. اختر الطريقة الأكثر ملاءمة لك وقم بتطبيقها في صفحات الويب الخاصة بك.
باستخدام العلامة
على سبيل المثال ، إذا كنت تريد إبراز أهمية عنصر أو ملاحظات تقرير ، فاستخدم العلامة :
هذا النص مهم ، يجب الانتباه إليه!
يرجى ملاحظة أن العلامة يتم عرضها عادة بحجم أصغر مقارنة بالنص العادي ، ولكن قد يختلف هذا اعتمادا على الخط والمتصفح المستخدم.
بالإضافة إلى ذلك ، يمكنك استخدام علامات تنسيق أخرى مع العلامة لإضافة تأثيرات إضافية. على سبيل المثال ، يمكنك استخدام علامة لتمييز معلومات أكثر أهمية أو علامة لجعل النص مائلا.
في ما يلي مثال على استخدام علامة مع علامات تنسيق أخرى:
هذا النص مهم ومن الضروري الانتباه إليه!
هذا النص مهم جدا وقد يحتوي على ملاحظات مهمة!
تعيين خاصية حجم الخط في كس
في أوراق الأنماط المتتالية (كس) ، يتم استخدام خاصية حجم الخط لتعيين حجم الخط لمحتوى النص لعنصر ما. يسمح لك بتغيير حجم الخط حسب الرغبة ، مما يجعله صغيرا أو كبيرا وفقا لمتطلبات التصميم.
لتعيين خاصية حجم الخط في كس ، استخدم بناء الجملة:
| المعنى | الوصف |
|---|---|
| من بكسل | يحدد الحجم بالبكسل. |
| % | يحدد الحجم كنسبة مئوية بالنسبة إلى العنصر الأصل. |
| ريم | يحدد الحجم في القيم النسبية بالنسبة للعنصر الجذر. |
| م | يحدد الحجم في القيم النسبية بالنسبة للعنصر الحالي. |
على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، استخدم:
حجم الخط: 14 بكسل;أو ، لتعيين حجم الخط إلى 70 ٪ بالنسبة إلى العنصر الأصل ، استخدم:حجم الخط: 70%;
باستخدام خاصية حجم الخط في كس ، يمكنك بسهولة التحكم في حجم خط صفحة الويب وإنشاء خط صغير وفقا لاحتياجاتك وتصميمك.
استخدام سمة الحجم في العلامة
على سبيل المثال ، لتعيين حجم خط صغير ، يمكنك استخدام التعليمات البرمجية التالية:
سيكون هذا النص صغيرا
يمكن أيضا استخدام سمة الحجم في العلامة لتعيين حجم الخط الأساسي.
ومع ذلك ، يعتبر استخدام العلامات لتعيين حجم الخط قديما ولا يوصى به. بدلا من ذلك ، فمن المستحسن استخدام كس لنمط النص.
تغيير حجم الخط باستخدام وحدات البكسل
| في هتمل ، يمكنك بسهولة تغيير حجم الخط عن طريق تحديد قيمته بالبكسل. للقيام بذلك ، استخدم سمة النمط لعلامة العنصر التي تريد تغيير حجم الخط فيها. | على سبيل المثال ، لتعيين حجم الخط إلى 12 بكسل ، يمكنك استخدام التعليمات البرمجية التالية: |
|---|---|
كود أتش تي أم أل | النتيجة |
هذا نص بحجم خط 12 بكسل.
هذا نص بحجم خط 12 بكسل.
في علامة فتح العنصر. في
مع القيمة
الأزرق
و
لون الخلفية
، يمكنك استخدام العقار
حجم الخط
:
هذا نص بخط صغير
تطبيق الأنماط باستخدام كس المدمج يجعل من السهل تغيير مظهر العناصر على صفحة ويب ، مما يجعل النص صغيرا ، وتغيير لونه ، وتحديد الخلفية ، وما إلى ذلك. أنها مريحة وسهلة الاستخدام.
تغيير حجم الخط باستخدام النسب المئوية
هذا نص مطبوع صغير