أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة ترميز تستخدم لإنشاء صفحات الويب. يوفر العديد من الأدوات والأوامر التي تسمح لمطوري الويب بالتحكم في مظهر النص وتنسيقه. أحد هذه الأوامر هو تغيير حجم الخط.
لتغيير حجم الخط باستخدام هتمل ، تحتاج إلى استخدام العلامة. تسمح لك هذه العلامة بتعيين حجم الخط باستخدام عدة سمات. على سبيل المثال ، لزيادة حجم الخط ، يمكنك استخدام سمة الحجم وتعيين قيمة تشير إلى عدد النقاط. كلما كان الرقم أكبر ، كلما كان الخط أكبر.
على سبيل المثال ، سيقوم رمز هتمل التالي بتعيين حجم الخط إلى 20 نقطة:
النص
بدلا من سمة الحجم ، يمكنك استخدام سمات أخرى ، مثل الوجه لتحديد خط معين ، أو اللون لتغيير لون النص. من خلال الجمع بين سمات مختلفة ، يمكنك إنشاء مجموعة متنوعة من خيارات تنسيق النص.
باستخدام الأمر هتمل حجم الخط ، يمكنك التحكم في التمثيل المرئي للنص على صفحة الويب الخاصة بك وإنشاء تصميم فريد من نوعه. هذا مفيد بشكل خاص إذا كنت تريد التأكيد على عناصر معينة أو جعل النص أكثر قابلية للقراءة للمستخدمين.
- لماذا من المهم معرفة كيفية تغيير حجم الخط?
- اعتماد حجم الخط على وحدات القياس
- ما هي وحدات القياس المستخدمة في أتش تي أم أل ولماذا?
- تغيير حجم الخط باستخدام علامة
- كيف يمكنني استخدام العلامة لتغيير حجم الخط?
- لتعيين حجم الخط بالبكسل:
- لتعيين حجم الخط كنسبة مئوية:
النص
لتعيين حجم الخط في وحدات القياس النسبية:
النص
يمكنك أيضا استخدام قيم مختلفة لخاصية حجم الخط لإنشاء تصميم تكيفي. على سبيل المثال ، يمكنك استخدام استعلامات الوسائط لتغيير حجم الخط اعتمادا على حجم شاشة المستخدم أو جهازه. من المهم أن نتذكر أن استخدام سمة النمط مباشرة في هتمل لديه بعض القيود. فمن المستحسن استخدام أوراق الأنماط الخارجية (كس) للعمل أكثر مرونة ومريحة مع الأساليب.
كيف يمكنني تعيين حجم الخط باستخدام سمة النمط? في هتمل ، يمكنك تعيين حجم الخط باستخدام سمة النمط. تسمح لك سمة النمط بتعيين نمط عنصر ، بما في ذلك حجم الخط الخاص به. للقيام بذلك ، استخدم خاصية حجم الخط. تحدد هذه الخاصية حجم الخط بالبكسل أو وحدات القياس الأخرى. على سبيل المثال ، لتعيين حجم خط 16 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
نص بحجم خط متغير
ونتيجة لذلك ، فإن النص داخل العنصر
- سيتم عرضه بحجم خط 16 بكسل. بدلا من وحدات البكسل ، يمكن استخدام وحدات قياس أخرى ، مثل النسب المئوية ( ٪ ) ، والماس (إم) ، والأبعاد النسبية (ريم) ، إلخ. لمزيد من المعلومات حول وحدات القياس هذه ، يرجى الرجوع إلى الوثائق. باستخدام سمة النمط وخاصية حجم الخط ، يمكنك بسهولة تغيير حجم الخط على صفحة الويب الخاصة بك لإنشاء التأثير المرئي المطلوب.
- كيف يمكنني تعيين حجم الخط باستخدام سمة النمط?
- تغيير حجم الخط باستخدام هتمل يسمح لك لخلق تصميم صفحة أكثر مرونة. بدلا من استخدام أحجام الخطوط الثابتة ، يمكنك استخدام القيم النسبية ، مثل النسب المئوية أو م ، بحيث يتم ضبط الخط لتغيير المحتوى أو حجم الشاشة ديناميكيا. هذا مهم بشكل خاص في ضوء اليوم لمجموعة متنوعة من الأجهزة ذات أحجام الشاشة المختلفة ، من الهواتف المحمولة إلى شاشات سطح المكتب.
- يمكن أيضا استخدام تغيير حجم الخط لإنشاء تأثيرات تصميم مرئي. على سبيل المثال ، قد تؤكد زيادة حجم الخط على العنوان أو الكلمات المهمة. يمكنك أيضا استخدام تغيير حجم الخط لإنشاء تسلسل هرمي على الصفحة والتمييز بين أنواع النص المختلفة مثل العناوين والفقرات والقوائم.
اعتماد حجم الخط على وحدات القياس
يمكن تعيين حجم الخط في هتمل باستخدام وحدات قياس مختلفة. يمكن أن يؤثر اعتماد حجم الخط على وحدة القياس المحددة بشكل كبير على مظهر المحتوى وإدراكه.
في هتمل ، يمكنك استخدام وحدات القياس التالية لتعيين حجم الخط:
بكسل (بكسل): وحدة قياس مطلقة تحدد حجم الخط بالبكسل. لن يتغير حجم النص بالبكسل اعتمادا على حجم نافذة المتصفح أو إعدادات المستخدم. على سبيل المثال,
نموذج النص
النسبة المئوية ( ٪ ): وحدة قياس نسبية تحدد حجم الخط كنسبة مئوية من حجم الخط الافتراضي. على سبيل المثال,
نموذج النص
م: وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم خط العنصر الأصل. على سبيل المثال ، إذا كان للعنصر الأصل حجم خط يبلغ 16 بكسل ، فسيكون حجم خط العنصر الفرعي بالقيمة المحددة 1 دقيقة أيضا 16 بكسل. على سبيل المثال,
نموذج النص
ريم: وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم خط العنصر الجذر (الخط الافتراضي). على سبيل المثال ، إذا تم تعيين حجم خط عنصر الجذر على 16 بكسل ، فسيكون حجم الخط بالقيمة المحددة 1 ريم أيضا 16 بكسل. على سبيل المثال,
نموذج النص
يعتمد اختيار وحدة القياس المناسبة لحجم الخط على المتطلبات المحددة للتصميم وتصور المستخدم للمحتوى. يجب مراعاة عوامل مختلفة ، مثل قابلية التوسع والتوافر والامتثال للمعايير المشتركة.
باستخدام وحدات قياس مختلفة ، يمكنك تحقيق التأثير المطلوب بحجم خط يتناسب مع الهيكل العام وتصميم صفحة الويب.
ما هي وحدات القياس المستخدمة في أتش تي أم أل ولماذا?
تستخدم وحدات قياس هتمل لتحديد حجم وموقع العناصر على صفحة الويب. يمكن استخدام وحدات قياس مختلفة في هتمل ، مثل بكسل (بكسل) ، النسب المئوية ( ٪ ) ، القيم النسبية (إم ، ريم) وبعض الآخرين.
وحدة القياس الأكثر شيوعا والأكثر استخداما في هتمل هي بكسل (بكسل). البكسل هو أصغر وحدة في الصورة الرقمية ويستخدم لتحديد حجم الخطوط والهوامش والحدود والعناصر الأخرى على صفحة الويب. على سبيل المثال ، لتغيير حجم الخط ، يمكنك استخدام خاصية حجم الخط وتحديد القيمة بالبكسل.
تستخدم الوحدات القائمة على النسبة المئوية ( ٪ ) لتحديد حجم وموقع العناصر بناء على القيم النسبية. على سبيل المثال ، يمكنك تعيين عرض عنصر إلى 50 ٪ ، مما يعني أن العنصر سيشغل نصف عرض العنصر الأصلي. يعد استخدام النسب المئوية مناسبا عند إنشاء تصميمات سريعة الاستجابة يمكنها التكيف مع أحجام الشاشة المختلفة.
القيم النسبية مثل م و حركة العين السريعة تستخدم أيضا لتحديد أحجام الخطوط والعناصر الأخرى على صفحة الويب. وتستند وحدة م على حجم الخط الحالي للعنصر الأصل ، ويستند ريم على حجم الخط للعنصر الجذر. يتيح لك استخدام القيم النسبية إنشاء صفحات ويب أكثر مرونة وقابلية للتطوير يمكنها التكيف مع الظروف المختلفة.
نص أكبر
ولتثبيت خط أصغر:
نص أصغر
العلامة قديمة بالفعل ، لكنها لا تزال مدعومة من قبل المتصفحات. يوصى باستخدام كس لتغيير حجم الخط باستخدام خاصية حجم الخط.
,