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