يعد الخط أحد أهم جوانب تصميم الويب لأنه يحدد كيف سيبدو النص على الصفحة. في هتمل ، فمن الممكن لتعيين حجم الخط باستخدام سمات خاصة وخصائص النمط.
تتمثل إحدى أسهل الطرق لتعيين حجم الخط في استخدام سمة الحجم في علامة الخط. على سبيل المثال ، سيقوم النص بتعيين حجم خط 4.
سيتم تعيين حجم خط 12 بكسل.
سيتم تعيين الخط ، الموسع بنسبة 50٪.
يمكنك أيضا تعيين حجم الخط باستخدام كس. في هذه الحالة ، تحتاج إلى استخدام علامات النمط أو الارتباط وإضافة الإدخال التالي: ص{"حجم الخط: 16 بكسل؛"}. هنا" 16 بكسل " هو حجم الخط بالبكسل.
إعداد وتغيير حجم الخط في هتمل ليست صعبة ، ولكن يتطلب بعض المعرفة. لذلك ، من أجل إنشاء صفحة ويب جميلة والمهنية ، فمن المنطقي أن تتعرف على قدرات لغة هتمل و كس ، والتي سوف تسمح لك لإظهار خيالك والإبداع.
- تحديد حجم الخط في أتش تي أم أل
- كيف يمكنني تعيين حجم الخط في أتش تي أم أل?
- باستخدام سمة "الحجم" في العلامة
تحديد حجم الخط في أتش تي أم أل
مثال:
هذا نص بحجم خط 16 بكسل.
.
مثال:
سيتم عرضها في حجم الخط من 18 بكسل.
كيف يمكنني تعيين حجم الخط في أتش تي أم أل?
في هتمل ، هناك عدة طرق لتعيين حجم الخط للنص على صفحة ويب. دعونا ننظر إلى كل واحد منهم بدوره.
| الطريق | بناء الجملة |
|---|---|
| 1. باستخدام سمة "النمط" | |
| 2. باستخدام علامتي "الخط" و "الحجم" | |
| 3. باستخدام علامة "الامتداد" وسمة " النمط | |
الطريقة الأولى ، باستخدام سمة "النمط" ، تسمح لك بتعيين حجم الخط مباشرة داخل علامة "ص" الافتتاحية. في هذا المثال ، يتم تعيين حجم الخط إلى 16 بكسل.
الطريقة الثانية ، باستخدام علامتي "الخط" و "الحجم" ، تسمح لك بتعيين حجم الخط باستخدام قيمة من 1 إلى 7. في هذا المثال ، يتم تعيين حجم الخط إلى 4 ، والذي يتوافق مع حوالي 16 بكسل.
تسمح لك الطريقة الثالثة ، باستخدام علامة "الامتداد" وسمة "النمط" ، بتعيين حجم الخط باستخدام القيم بوحدات القياس مثل "بكسل" (بكسل) أو " إم " (الوحدات النسبية). في هذا المثال ، يتم تعيين حجم الخط إلى 1.2 م ، وهي قيمة نسبية وسيتم ضبطها على حجم خط العنصر الأصل.
يمكن استخدام كل طريقة من هذه الطرق اعتمادا على متطلبات التصميم الخاص بك. اختيار واحد الذي يناسب لك والمشروع الخاص بك.
باستخدام سمة "الحجم" في العلامة
في هتمل ، يمكنك استخدام سمة "الحجم" لتعيين حجم الخط داخل العلامات. تحدد هذه السمة عدد الأحرف التي سيتم عرضها في العنصر ، اعتمادا على الحجم المحدد.
يمكن استخدام سمة "الحجم" في العلامات التالية:
| الوسم | الوصف |
|---|---|
| يحدد الخط وحجم النص | |
| يحدد حجم حقل الإدخال | |
| يحدد عدد الخيارات المعروضة في القائمة المنسدلة |
لاستخدام سمة" الحجم " ، تتم كتابة بناء الجملة التالي في العلامة:
النص
هنا ، بدلا من" الحجم " ، يجب تحديد عدد صحيح من 1 إلى 7. كل رقم يتوافق مع حجم خط معين. على سبيل المثال ، الرقم 1 يتوافق مع أصغر حجم ، والرقم 7 يتوافق مع الأكبر.
مثال على استخدام سمة "الحجم" في علامة :
هذا نص بحجم خط 4
والنتيجة هي نص مكتوب باستخدام حجم خط 4.