يوفر أتش تي أم أل طرقا مختلفة للتحكم في حجم الخط على صفحة الويب. واحدة من أبسط الطرق وأكثرها استخداما هي استخدام علامة خاصة.
لتغيير حجم الخط باستخدام علامة ، أضف سمة الحجم إلى هذه العلامة وحدد حجم الخط المطلوب. على سبيل المثال ، سيزيد الخط بمقدار 4 وحدات. يمكن أن تكون قيمة سمة الحجم من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر.
مثال: نص بخط مكبر
ومع ذلك ، لا يوصى باستخدام العلامة عند تطوير صفحات ويب جديدة ، لأنها قديمة وغير متوافقة مع معيار هتمل 5. بدلا من ذلك ، فمن المستحسن استخدام العلامة في تركيبة مع كس لتغيير حجم الخط.
باستخدام كس يسمح لك للسيطرة على مظهر صفحة ويب أكثر مرونة وقوة. لتغيير حجم الخط باستخدام كس ، تحتاج إلى تطبيق خاصية حجم الخط على العنصر ، وتحديد قيمة حجم الخط المطلوب بوحدات القياس ، مثل وحدات البكسل أو النسب المئوية أو وحدات الوقت النسبية.
- تغيير حجم الخط في أتش تي أم أل: العلامات والتعليمات المفيدة
- كيفية تغيير حجم الخط باستخدام علامة
- تغيير حجم الخط باستخدام علامة
تغيير حجم الخط في أتش تي أم أل: العلامات والتعليمات المفيدة
يمكنك استخدام العديد من العلامات المفيدة لتغيير حجم الخط في هتمل.
1. — - تستخدم هذه العلامة لعرض نص أصغر:
مثال على استخدام العلامة `:
نص بحجم خط متغير
2. — - تستخدم هذه العلامة لعرض نص أكبر:
مثال على استخدام العلامة `:
نص بحجم خط متغير
3. — - تستخدم هذه العلامة لتغيير حجم الخط ، حيث ن هو رقم من 1 إلى 7 (1 هو أصغر حجم ، 7 هو أكبر حجم):
مثال على استخدام العلامة `:
نص بحجم خط متغير
4. — - يتم استخدام هذه العلامة لتغيير حجم الخط باستخدام أنماط كس ، حيث ن هي قيمة النسبة المئوية بالنسبة لحجم الخط الأساسي:
مثال على استخدام العلامة `:
نص بحجم خط متغير
يرجى ملاحظة أن استخدام ' و ' العلامات غير مستحسن ، لأنها قد تنتهك دلالات الصفحة. فمن المستحسن استخدام كس لتغيير أحجام الخطوط.
الآن لديك جميع التعليمات لتغيير حجم الخط في هتمل. استخدمها لإنشاء صفحات ويب أنيقة وقابلة للقراءة!
كيفية تغيير حجم الخط باستخدام علامة
تحتوي العلامة على حجم خط مدمج ، والذي يتم تحديده بواسطة المتصفح الافتراضي. ومع ذلك ، يمكن تغيير حجم خط العلامة باستخدام كس عن طريق إضافة أنماط لهذه العلامة.
مثال على استخدام علامة مع تغيير حجم الخط:
- استخدم رأس خط كبير لإنشاء رأس بحجم خط 24 بكسل.
- استخدم رأس خط متوسط الحجم لإنشاء رأس بحجم خط 18 بكسل.
- استخدم رأس خط صغير لإنشاء رأس خط 12 بكسل.
تدعم العلامة أيضا خصائص كس الأخرى مثل لون الخط ومحاذاة النص وما إلى ذلك. ولكن لتغيير حجم الخط ، فإن الأمثلة المذكورة أعلاه كافية.