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