في هتمل ، تم تصميم العلامة قبل إخراج النص المنسق مع المسافات وفواصل الأسطر المحفوظة. غالبا ما تستخدم هذه العلامة لعرض أمثلة التعليمات البرمجية أو العناصر الأخرى حيث من المهم الحفاظ على التنسيق الأصلي.
ومع ذلك ، بشكل افتراضي ، يتم عرض النص داخل العلامة المسبقة بخط وحجم قياسيين. إذا كنت بحاجة إلى تغيير حجم الخط في هذه العلامة ، يمكنك استخدام كس.
لتغيير حجم الخط في العلامة السابقة ، يمكنك استخدام خاصية حجم الخط. يسمح لك البناء التالي تقريبا بتعيين حجم الخط على 14 بكسل:
قبل {
حجم الخط: 14 بكسل;
}
في التعليمات البرمجية أعلاه ، قبل هو محدد كس ، وحجم الخط: 14 بكسل; - هذه هي خاصية كس التي تحدد حجم الخط بالبكسل.
- حجم الخط في أتش تي أم أل: دليل لتغيير العلامة المسبقة
- لماذا أحتاج إلى تغيير حجم الخط في علامة ما قبل في أتش تي أم أل?
- كيف يمكنني تغيير حجم الخط في العلامة قبل في أتش تي أم أل?
- قيم حجم الخط المضمنة في العلامة المسبقة في هتمل
- تغيير حجم الخط في العلامة قبل استخدام المغلق
- أمثلة على تغيير حجم الخط في العلامة المسبقة في هتمل
- تأثير تغيير حجم الخط في العلامة المسبقة على تحسين محركات البحث
حجم الخط في أتش تي أم أل: دليل لتغيير العلامة المسبقة
غالبا ما تحتوي صفحات الويب على كتل من النص المصمم مسبقا والمنسق بالعلامة المسبقة. تحافظ العلامة المسبقة على التنسيق والمسافات ، وهو أمر مفيد بشكل خاص عند عرض رمز البرنامج.
أحد أكثر الطلبات شيوعا من المطورين هو تغيير حجم الخط داخل الكتلة المسبقة. في هتمل ، يمكنك تعيين حجم الخط للعنصر المسبق باستخدام كس.
لتغيير حجم الخط في العلامة قبل ، يمكنك استخدام الخاصية المغلق حجم الخط. انها تسمح لك لتعيين حجم الخط في وحدات مختلفة من القياس ، مثل النقاط (بت) ، بكسل (بكسل) والنسب المئوية ( ٪ ).
على سبيل المثال ، سيغير رمز كس التالي حجم الخط داخل العلامة المسبقة بمقدار 14 بكسل:
قبل {
- حجم الخط: 14 بكسل;
- }
باستخدام خاصية حجم الخط ، يمكنك أيضا استخدام وحدات قياس أخرى لتعيين حجم الخط. على سبيل المثال:
النقاط — بت) - تستخدم للطباعة. على سبيل المثال ، حجم الخط: 12 نقطة;
النسب المئوية ( ٪ ) هي حجم الخط النسبي بالنسبة للعنصر الأصل. على سبيل المثال ، حجم الخط: 80%;
خاتمة: باستخدام الخاصية المغلق حجم الخط ، يمكنك بسهولة تغيير حجم الخط داخل العلامة قبل. وهذا مفيد من أجل جعل النص داخل كتلة قبل أكثر قابلية للقراءة وتكييفها لاحتياجات المستخدم.
قبل
- في هتمل ، يتم استخدامه لعرض النص الموسع مسبقا مع المسافات والواصلات المحفوظة. تستخدم هذه العلامة عادة لعرض التعليمات البرمجية أو أي نص منظم آخر.
- التكيف مع التصميم: تغيير حجم الخط في العلامة
- قبل
تغيير حجم الخط في العلامة
قبل
الوسم
قبل
- سمة النمط
.
سمة النمط
برينتف ("مرحبا ، العالم!");
في هذا المثال ، حجم الخط في العلامة هو
قبلسيكون 20 بكسل.
2. باستخدام ملف كس خارجي:}
برينتف ("مرحبا ، العالم!");
في هذا المثال ، حجم الخط في العلامة هو
سيكون هناك أيضا 20 بكسل.
- قبل
- قيم حجم الخط المضمنة في العلامة المسبقة في هتمل
- في هتمل ، تم تصميمه لعرض النص المنسق مسبقا مع الحفاظ على جميع المسافات وفواصل الأسطر. يتم استخدامه عادة لعرض شفرة المصدر أو كتل نصية أخرى حيث من المهم الحفاظ على عرض دقيق للتنسيق.
- يتم عرضه بحجم خط ثابت. يعتمد حجمه على إعدادات المتصفح ونظام التشغيل. ومع ذلك ، يحتوي هتمل على العديد من قيم حجم الخط المضمنة التي يمكن استخدامها لتغيير حجم النص داخل العلامة
- قيم حجم الخط في العلامة
- نص صغير
- يعرض النص مع حجم الخط أصغر.
نص كبير
عرض الخط الثابت
- يعرض النص مع عرض الخط الثابت.
مثال الاستخدام:
إلى عن على (أنا = 0 ؛ أنا < 10 ؛ أنا i) {
ونتيجة لذلك ، فإن النص داخل العلامة
يستخدم لعرض النص المنسق مسبقا مع الحفاظ على المسافات وفواصل الأسطر. ومع ذلك ، بشكل افتراضي ، يكون حجم الخط داخل العلامة هو
باستخدام كس ، يمكننا تغيير حجم الخط في
قبل
حجم الخط: 14 بكسل; / * يحدد حجم الخط بالبكسل */
هنا نقوم بتعيين حجم الخط داخل العلامة
قبل
يساوي 14 بكسل. يمكنك تغيير القيمة
14 بكسل
إلى أي دولة أخرى لتتناسب مع تفضيلاتك.
علامة ما قبل
، يمكنك استخدام الكود التالي:
حجم الخط: 14 بكسل ؛ / * يحدد حجم الخط بالبكسل */
}
هنا نقوم بإنشاء فئة