علامة الخط هي واحدة من العلامات الرئيسية للغة ترميز هتمل ، والتي تم تصميمها لتعيين معلمات تنسيق النص المختلفة ، بما في ذلك الخط. يتيح لك استخدام هذه العلامة إنشاء صفحات ويب أنيقة وجمالية ، مع لفت الانتباه إلى عناصر معينة من النص. في هذه المقالة ، سنلقي نظرة على معلمات التنسيق الرئيسية لخط العلامة: الحجم واللون والوجه ، ونخبرك أيضا عن قواعد تطبيقها.
يتم استخدام علامة الخط داخل العلامات الأخرى لتعيين خيارات تنسيق الخط. على سبيل المثال ، إذا كنت تريد تغيير حجم ولون نص الفقرة ، فأنت تدخل الترميز التالي:
نص الفقرة
.
- خيارات تنسيق الخط الأساسية
- الحجم والأسلوب واللون
- المحاذاة والفواصل الزمنية
- تأثيرات النص
- علامات الخط للعناوين والفقرات
خيارات تنسيق الخط الأساسية
عند العمل مع النص في هتمل ، تحتاج إلى معرفة معلمات تنسيق الخط الأساسية التي تسمح لك بالتحكم في مظهره. دعونا ننظر إلى بعض منهم:
- عائلة الخط-تحدد خط النص. بدلا من ذلك ، يمكنك تحديد خطوط متعددة عن طريق فصلها بفواصل. القيم الأكثر شيوعا هي " أريال "و" هلفتيكا "و" تايمز نيو رومان "و"فيردانا".
- حجم الخط-يحدد حجم الخط. يمكنك استخدام وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (م).
- الخط-الوزن-يحدد تشبع الخط. تتوافق القيمة "عادي" مع التشبع القياسي ، و "غامق" يتوافق مع التشبع المحسن. يمكنك أيضا استخدام القيم الرقمية من 100 إلى 900 ، حيث يتوافق 400 مع الخط العادي و 700 يتوافق مع الخط الغامق.
- نمط الخط-يحدد نمط الخط. تتوافق القيمة "عادي" مع النمط المعتاد ، و "مائل" يتوافق مع الخط المائل.
- زخرفة النص-يحدد تصميم النص. تقوم القيمة" بلا "بإلغاء جميع التأثيرات ، وتضيف" تسطير "و" خط من خلال " شرطات سفلية ويتوسطها خط ، على التوالي.
- اللون-يحدد لون النص. يمكن استخدام قيم مختلفة ، مثل أسماء الألوان (على سبيل المثال "الأحمر" ، "الأزرق") ، رموز الألوان (على سبيل المثال "#فف0000") أو قيم رغبا (على سبيل المثال " رغبا(255, 0, 0, 0.5)").
مثال:
يتم عرض هذا النص بخط أريال ، بحجم 16 بكسل ، مع تشبع محسن ومائل ، مع شرطات سفلية ولون أحمر.
باستخدام خيارات التنسيق المحددة ، يمكنك التحكم في مظهر النص في هتمل وإنشاء عناصر منمنمة فريدة من نوعها.
الحجم والأسلوب واللون
الحجم:
يتم استخدام سمة حجم الخط لتعيين حجم النص. يمكن أن تأخذ قيما مختلفة مثل الوحدات المطلقة (بكسل ، بت ، سم) ، والقيم النسبية (٪،م) ، وكذلك الكلمات الرئيسية مثل الصغيرة والمتوسطة والكبيرة.
نمط:
- يتم استخدام سمة نمط الخط لتغيير نمط النص. يمكن أن تأخذ القيم عادي (عادي) ، مائل (مائل) ومائل (مائل).
- اللون:
- يتم استخدام سمة اللون لتغيير لون النص. يمكن أن يستغرق قيم مختلفة ، مثل أسماء الألوان (مثل الأحمر والأزرق والأخضر) ، قيم اللون السداسي العشري (على سبيل المثال #ف 0000 ، #0000 ، #0000 ف) أو قيم تنسيق رغب (على سبيل المثال رغب(255 ، 0 ، 0) ، رغب(0 ، 255 ، 0) ، رغب(0 ، 0 ، 255)).
- من خلال الجمع بين هذه الخيارات ، يمكنك إنشاء أنماط فريدة لنص صفحة الويب وإثارة إعجاب المستخدمين.
المحاذاة والفواصل الزمنية
هناك أربعة خيارات المحاذاة:
مركز-يتم توسيط النص;
تبرير-يتم محاذاة النص إلى العرض.
تباعد الأسطر هو أيضا معلمة مهمة. يحدد تباعد الأسطر المسافة بين أسطر النص. يمكن ضبطه بالبكسل أو النسب المئوية أو نسبة إلى حجم الخط.
أمثلة على ضبط المحاذاة وتباعد الأسطر:
ص {
محاذاة النص: اليسار;
خط الارتفاع: 2;
}
تأثيرات النص
في ترميز هتمل ، يمكنك استخدام ميزات الأسلوب المختلفة لإنشاء تأثيرات النص. هذا يساعد على جعل النص الخاص بك أكثر تعبيرا وجاذبية للقارئ. فيما يلي بعض الآثار المحتملة.