كيفية إنشاء خط جميل في لغة تأشير النص الفائق: الأحجام والألوان وعلامات خطوط html. إنشاء أحرف كبيرة باستخدام CSS Css بأحرف كبيرة
غالبًا ما تكون في عجلة من أمرنا عند إضافة مواد إلى الموقع أو ، على سبيل المثال ، عند الإنشاء موضوع جديدفي المنتدى ، يمكن للمستخدم البدء في كتابة جملة (اسم) بحرف صغير (صغير). إلى حد ما هذا خطأ.
سأعرض عليك بعض الخيارات لحل هذه المشكلة: PHP و CSS أكثر ملاءمة للمواد المنشورة بالفعل ، بينما يمكن لـ jQuery إصلاح الموقف حتى قبل النشر.
الحرف الأول من سلسلة أحرف كبيرة في PHP
في PHP توجد وظيفة تسمى " ucfirst"، والذي يحول فقط الحرف الأول من السلسلة إلى أحرف كبيرة ، ولكن ناقصه هو أنه لا يعمل بشكل صحيح مع السيريلية.
للقيام بذلك ، سنكتب وظيفة صغيرة. سيبدو التنفيذ كما يلي:
في هذا الإصدار ، نحصل على جملة تبدأ بـ الحرف الكبيروهو بالضبط ما نحتاجه.
الحرف الأول من سلسلة بأحرف كبيرة في CSS
هذه الطريقة بصريا (أي ، في مصدر الرمزستظهر اقتراحات الموقع كما هي) أيضًا يحول الحرف الأول إلى أحرف كبيرة.
الاستخدام كالتالي:
الجملة الأولى
الجملة الثانية
الجملة الثالثة
الجملة الرابعة
مع العنصر الزائف " الرسالة الأولى»وخصائص« تحويل النص»نضع النمط لكل حرف أول من الفقرة.
الحرف الأول الكبير من سلسلة تحتوي على jQuery
كما قلت سابقًا ، فإن طريقة التحويل هذه هي الأنسب للمواد التي لم يتم نشرها بعد.
على سبيل المثال ، سوف نأخذ حقلاً نصيًا (سيكون بمثابة حقل لإدخال العنوان) ونكتب نصًا صغيرًا له ، والذي ، عند إدخال جملة بحرف صغير ، يجعلها كبيرة:
يعمل البرنامج النصي عند كتابة النص ولصقه ببساطة. لا تنس أنه لكي تعمل البرامج النصية على موقعك ، يجب أن يكون لديك مكتبة jQuery المضمنة.
أو أكثر عن تنسيق الحروف و HTML CSS
يحتوي الفصل على أمثلة تنسيق الرسالةمن منطقة Hypertext Markup.
ستجد في القائمة الموجودة على اليسار دروس HTML حديثة ومفصلة للغاية.
سيسمحون لك بإنشاء موقعك من البدايةبينما ينظر إلى الأسفل قليلاً.
قد يكون من المثير للاهتمام.
عصر مجتمع المعلومات
لقد دخلت البشرية فترة جديدة من تطورها ، حيث المعلومات و تقنيات الشبكةتلعب دورًا مهمًا للغاية. نحن نعيش في عصر مجتمع المعلومات الذي يتسم بالتطور السريع لتقنيات المعلومات والاتصالات. مع ظهور الكمبيوتر والإنترنت ، بدأت تغييرات هائلة. يدفع الكمبيوتر والإنترنت المجتمع إلى صياغة معايير جديدة للسلوك والقواعد والمثل العليا. الإنترنت بالنسبة للجيل الجديد هو ما كان التلفزيون بالنسبة للجيل السابق. لكن شبكة عالميةوظيفية أكثر بكثير من التلفزيون ، لأنه يوفر فرصة لإجراء عمليات الشراء والبيع وتقديم الاتصالات و طرق مختلفةالتعبير عن الذات ، مثل الخلق صفحات الويب والمواقع الشخصية.
أحرف HTML: الأحرف الكبيرة والصغيرة
مثال على تنسيق الرسالة:
نتيجة التنسيق:
مثال على النص الحر المكتوب بأحرف كبيرة
مثال على النص الحر المكتوب بأحرف كبيرة
العلامات - يحدد بأحرف كبيرة(هذه العلامات غير مدعومة في HTML 5).
المغلقنمط الكود = "تحويل النص: أحرف كبيرة" - يحدد بأحرف كبيرة.
بعبارة أخرى، يتم تعريف الأحرف الكبيرة بـ باستخدام CSS صفات.
أحرف HTML وتباعد CSS بينهما
مثال على تنسيق الرسالة:
نتيجة التنسيق:
نص HTML مخصص وتباعد أحرف CSS 2 بكسل
وصف السمات والقيم:
المغلقنمط الكود = "تباعد الأحرف: 2 بكسل" - يحدد تباعد حروف CSS.
أمثلة مماثلةابحث عن التنسيق في القائمة الموجودة على اليسار. شكرًا لكم على اهتمامكم.
في html ، يلعب حجم الخط دورًا مهمًا. يلفت انتباه المستخدم إلى معلومات مهمةنشرت على صفحة الموقع. على الرغم من أن حجم الحروف ليس فقط مهمًا ، ولكن أيضًا لونها وسمكها وحتى عائلتها.
العلامات والسمات عند العمل مع خطوط html
تحتوي لغة النص التشعبي على مجموعة كبيرة من الأدوات للعمل مع الخطوط. بعد كل شيء ، تنسيق النص هو المهمة الرئيسية لـ html.
سبب الخلق لغة HTMLكانت هناك مشكلة في عرض قواعد تنسيق النص بواسطة المستعرضات.
ضع في اعتبارك العلامات المستخدمة للعمل مع الخطوط في html وسماتها. العنصر الرئيسي هو العلامة . باستخدام قيم سماته ، يمكنك تعيين العديد من خصائص الخط:
- اللون - يحدد لون النص ؛
- الحجم - حجم الخط بوحدات عشوائية.
يتم دعم قيمة سمة موجبة من 1 إلى 7.
- الوجه - يستخدم لتعيين عائلة خط النص الذي سيتم استخدامه داخل العلامة . يتم دعم القيم المتعددة ، مفصولة بفواصل.
يتم تنسيق النص الموجود بين أجزاء علامة الخط المقترنة فقط.يتم عرض باقي النص بالخط الافتراضي.
يوجد أيضًا في html عدد من العلامات المقترنة التي تحدد قاعدة تنسيق واحدة فقط. وتشمل هذه:
- - يحدد الخط الغامق في لغة تأشير النص الفائق. بطاقة شعار مماثلة في العمل للسابق ؛
- - الحجم أكبر من الافتراضي ؛
- - حجم خط أصغر ؛
- - نص مائل (مائل). علامة مماثلة ;
- - نص مع تسطير ؛
- شطب؛- - عرض النص بأحرف صغيرة فقط ؛
- - بالأحرف الكبيرة.
نص عادي
ظفري
ظفري
أكثر من المعتاد
أقل من المعتاد
مائل
مائل
مع تسطير
يتوسطه خط
إمكانيات سمة النمط
بالإضافة إلى العلامات الموضحة ، هناك عدة طرق أخرى لتغيير الخط في html. واحد منهم هو استخدام سمة النمط العام. باستخدام قيم خصائصه ، يمكنك ضبط نمط عرض الخط:
1) font-family - تحدد الخاصية عائلة الخطوط. من الممكن تعداد قيم متعددة.
سيحدث تغيير الخط في html إلى القيمة التالية إذا لم يتم تعيين العائلة السابقة على نظام التشغيلمستخدم.
بناء جملة الكتابة:
font-family: font-name [، font-name [، ...]]
2) حجم الخط - يتم تعيين الحجم من 1 إلى 7. هذه إحدى الطرق الرئيسية التي يمكنك من خلالها زيادة الخط في html.
بناء جملة الكتابة:
حجم الخط: الحجم المطلق | الحجم النسبي | قيمة | الفائدة | يرث
يمكنك أيضًا ضبط حجم الخط:
- بالبكسل
- بالأرقام المطلقة ( xx-small ، x-small ، صغير ، متوسط ، كبير);
- بالنسب المئوية
- بالنقاط (نقطة).
حجم الخط: 7
حجم الخط: 24 بكسل
حجم الخط: x-large
حجم الخط: 200٪
حجم الخط: 24 نقطة
3) نمط الخط - يحدد نمط الخط. بناء الجملة:
نمط الخط: عادي | مائل | منحرف | يرث
قيم:
- عادي - هجاء عادي
- مائل - مائل
- مائل - خط يميل إلى اليمين ؛
- يرث - يرث تهجئة العنصر الأصل.
مثال على كيفية تغيير الخط في html باستخدام هذه الخاصية:
نمط الخط: يرث
نمط الخط: مائل
نمط الخط: عادي
نمط الخط: منحرف
4) متغير الخط - يحول جميع الأحرف الكبيرة إلى أحرف كبيرة. بناء الجملة:
متغير الخط: عادي | قبعات صغيرة | يرث
مثال على كيفية تغيير الخط في html بهذه الخاصية:
متغير الخط: وراثة
متغير الخط: عادي
متغير الخط: أحرف صغيرة
5) وزن الخط - يسمح لك بتعيين سمك كتابة النص (التشبع). بناء الجملة:
وزن الخط: غامق | أكثر جرأة | أفتح | عادي | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
قيم:
- عريض - يضبط خط html على غامق ؛
- أكثر جرأة - أكثر جرأة بالنسبة للطبيعي ؛
- أفتح - أقل تشبعًا بالنسبة إلى الوضع الطبيعي ؛
- عادي - هجاء عادي
- 100-900 - يحدد سمك الخط من الناحية العددية.
وزن الخط: غامق
وزن الخط: أكثر جرأة
وزن الخط: أخف
وزن الخط: عادي
وزن الخط: 900
وزن الخط: 100
خاصية الخط ولون خط html
الخط هو خاصية حاوية أخرى. داخليًا ، جمعت قيم العديد من الخصائص المصممة لتغيير الخطوط. بناء جملة الخط:
الخط: font-size font-family | يرث
أيضًا ، يمكن تعيين الخطوط التي يستخدمها النظام في الملصقات على عناصر التحكم المختلفة كقيمة:
- التسمية التوضيحية - للأزرار ؛
- رمز - للرموز ؛
- القائمة - القائمة ؛
- مربع الرسائل - لمربعات الحوار ؛
- التسمية التوضيحية الصغيرة - لعناصر التحكم الصغيرة ؛
- شريط الحالة - خط شريط الحالة.
الخط: أيقونة
الخط: التسمية التوضيحية
الخط: القائمة
الخط: صندوق الرسائل
تسمية توضيحية صغيرة
الخط: شريط الحالة
الخط: مائل 50 بكسل غامق "Times New Roman" ، Times ، serif
لتعيين لون الخط في html ، يمكنك استخدام خاصية اللون. يسمح لك بتعيين اللون ، كما هو الحال مع كلمة رئيسية، وبتنسيق rgb. وأيضًا في شكل رمز سداسي عشري.
يسمح لك بتغيير حالة الأحرف النصية.
القيمة الافتراضية هي لا شيء ، وليس لها أي تأثير على النص. حالة النص تبقى كما هي. تقوم القيم الكبيرة والصغيرة بتحويل الأحرف إلى أحرف كبيرة وصغيرة ، على التوالي. إذا قمت بتحديد الأحرف الكبيرة ، فسيتم فقط الأحرف الأولى من كل كلمة بأحرف كبيرة. يرث يرث قيمة الوالد.
مثال
h3 (تحويل النص: أحرف كبيرة ؛). حرف صغير (تحويل نص: حرف صغير ؛).هذا هو العنوان. لها خاصية تحويل النص مطبقة بقيمة كبيرة. ستكون جميع الأحرف كبيرة.
تحتوي هذه الفقرة على خاصية تحويل النص مضبوطة على أحرف صغيرة ، مما يعني أن جميع الأحرف ستكون بأحرف صغيرة.
وهذه الفقرة الأخيرة لها خاصية تحويل النص مطبقة مع خاصية CAPITALIZE. سيتم كتابة الأحرف الأولى من كل كلمة بأحرف كبيرة ، وهي فقط.