في بعض الأحيان ، عند إنشاء تصميم صفحة ، نحتاج إلى إبراز العنوان بطريقة خاصة. طريقة واحدة للقيام بذلك هي جعل العنوان بأحرف كبيرة. هذا الخيار يخلق واجهة مذهلة لا تنسى ويسمح لك لتعزيز الانطباع من قراءة كتلة منفصلة من النص.
هناك عدة طرق للقيام بذلك في هتمل: من خيار بسيط ويمكن الوصول إليه إلى أكثر تعقيدا.
الطريقة الأولى والأسهل هي لف نص العنوان في علامة. تمنح هذه العلامة النص قوة بصرية كبيرة ، مما يجعله بارزا على الصفحة. إذا كنت بحاجة إلى التأكيد على أهمية العنوان ، يمكنك استخدام علامة أخرى – . تبرز هذه العلامة النص بخط مائل وتساعد على التأكيد على أهمية المعلومات.
أيا كان الخيار الذي تستخدمه ، تذكر أن الإفراط في استخدام تكبير النص يمكن أن يخلق تأثيرا مبالغا فيه ويؤثر سلبا على تصور المستخدم للمعلومات. اختر بعناية حجم وأسلوب العناوين الرئيسية ، مع الأخذ في الاعتبار سهولة وراحة القراءة.
- جعل الاسم في قبعات قفل الخط
- استخدم خاصية تحويل النص المغلق
- استخدم علامة هتمل
- تطبيق الأنماط عبر ورقة أنماط خارجية
- استخدم جافا سكريبت لتغيير الاسم ديناميكيا
جعل الاسم في قبعات قفل الخط
من أجل جعل اسم خط قبعات قفل ، سوف تحتاج إلى استخدام كس أو علامة هتمل الخاصة.
إذا كنت ترغب في استخدام كس ، تحتاج إلى تعيين خاصية تحويل النص لعنوانك أو عنوانك:
اسم المشروع الخاص بك
اسم المشروع الخاص بك
كلا الخيارين تسمح لك لجعل اسم في قبعات قفل الخط. يمكنك اختيار واحد الذي يناسب احتياجاتك وأسلوب.
استخدم خاصية تحويل النص المغلق | لجعل النص مكتوبا بأحرف كبيرة ، تحتاج إلى تعيين القيمة الكبيرة لخاصية تحويل النص. على سبيل المثال ، إذا تمت كتابة العنوان الخاص بك في علامة مع فئة" العنوان " ، يمكنك إضافة رمز كس التالي: |
.العنوان { |
تحويل النص: أحرف كبيرة;
}
الآن سيتم عرض النص داخل العلامة بأحرف كبيرة. | |
بالإضافة إلى استخدام الأحرف الكبيرة ، تتيح لك خاصية تحويل النص أيضا تحويل النص إلى أحرف صغيرة (قيمة صغيرة) أو الحرف الأول من الكلمة إلى أحرف كبيرة (قيمة الأحرف الكبيرة). | لذلك ، إذا كنت بحاجة إلى جعل الاسم بأحرف كبيرة ، فقم بتطبيق تحويل نص خاصية كس مع القيمة الكبيرة إلى العلامة أو الفئة المقابلة. |
استخدم علامة هتمل
مثال على استخدام علامة :
نص عادي:
نص باستخدام علامة
النتيجة:
- نص باستخدام علامة
- من المهم ملاحظة أنه لا يوصى باستخدام علامة لتصميم النص ، لأنها قديمة ولا تلبي متطلبات التطوير الحديثة. بدلا من ذلك ، فمن المستحسن استخدام أنماط كس لتغيير حجم الخط ومظهر النص.
مثال على استخدام أنماط كس لزيادة حجم النص:
نص عادي:
النص باستخدام أنماط كس
- النتيجة:
- النص باستخدام أنماط كس
لتطبيق أنماط كس على النص ، تحتاج إلى تحديد فئة "النص الكبير" في ملف نمط خارجي أو داخل علامة على الصفحة:
في هذا المثال ، تحدد فئة "النص الكبير" حجم خط 20 بكسل للنص المميز بهذه الفئة.
وبالتالي ، لجعل الاسم خطا بأحرف كبيرة في هتمل ، يوصى باستخدام أنماط كس بدلا من علامات هتمل القديمة.
تطبيق الأنماط عبر ورقة أنماط خارجية
أولا ، إنشاء ملف كس منفصل مع التمديد.المغلق. في ذلك ، تحديد فئة للرأس الذي تريد نمط:
إنشاء ملف جديد مع التمديد.كس ، على سبيل المثال ، الأنماط.المغلق.
افتح الملف في محرر نصوص وأضف الكود التالي:
- .عنوان كبير {
- حجم الخط: 24 بكسل;
تحويل النص: أحرف كبيرة;}يمكنك استخدام تحويل النص: أحرف كبيرة ؛ خاصية لتحويل نص الرأس إلى أحرف كبيرة. قيمة حجم الخط: 24 بكسل ؛ يحدد حجم خط العنوان.بعد تعريف الأنماط في ملف كس ، قم بتوصيله بصفحة الويب الخاصة بك باستخدام علامة الارتباط: