فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

تنسيق النصوص في لغة HTML

النصوص تحتوي علي عناصر تنسيق متعددة بحيث  يمكننا رؤية نص (مائل) او نص (سميك) , وغيرها من العناصر التي تتحكم في شكل النص بالكامل ,ولنفترض الأن بأنك تريد أنشاء تصميم يحتوي علي خط سميك Bold ,وفي بعض الأحيان يحتاج التصميم الي خط مائل ,وكل تلك الأمور هي حس أبداعي يمكنك توظيفها للوصول الي التصميم المناسب لشكل النصوص في موقعك .

  • يتم أستخدام عناصر التنسيق علي النصوص
  • عناصر التنسيق تتحكم في شكل النصوص والوصول الي الشكل المناسب للنص
  • عناصر التنسيق يمكن تسميتها بالتنسيق الكامل للنصوص


الخط السميك

العنصر <b> أختصاراً لــ "Bold" هو العنصر المسؤول عن تحويل النصوص العادية التي تكون علي وزن 400 إلي نصوص سميكة "تخينة" علي وزن 700 ,والخط السميك هو النتيجة العكسية للخط الرفيع ,ويمكن القول بأن الخط السميك مثل الخيط الغليظ والخط العادي مثل الخيط الرفيع .

<b>هنا خط سميك</b>


الخط المائل 

الخط المائل عبارة عن نصوص مائلة 20 درجة إلي إتجاة اليمين مثل الكلمة التالية "مائل" ,ويوجد في لغة HTML عنصرين لتحويل الخط من الوضع الطبيعي إلي الوضع المائل ويمكنك أستخدام أي من العنصرين للتحويل و.العنصر الأول هو  <i>  أختصاراً لــ italic وتعني "مائل" ,والعنصر الثاني هو <em> ويمكنك الحصول علي نفس النتيجة من العنصرين .

<em>Hello World</em>
<i>Hello World</i>


الخط المشطوب

الوسم <del> هو المسؤل عن أنشاء خط مشطوب ,يتم أستخدام الخط المشطوب في حالات عديدة , في حالة تبديل كلمة مكان أخري يمكن  شطب الخط بدلاً عن حذفة , في المتاجر الالكترونية يتم استخدام الخط االمشطوب عند تغيير سعر منتج معين أو أنشاء خصومات علي المنتج , وهذا لأعلام المستخدم بالسعر الحقيقي للمنتج قبل الخصم مثلاً , ويبقي العقل هو الحاكم في الأبداع وأستخدام كل الأمكانيات المتاحة لتصميم مظهر جذاب

<del>خط مشطوب</del>


 الخط المنخفض والخط المرتفع

يتم أستخدام الخط المرتفعمرتفع  والخط المنخفض منخفض    في امور كثيرة جداً  منها انشاء تصميم الرفع الي القوة في الرياضيات  102

 الخط المرتفع

العنصر <sup> هو العنصر المسؤول عن رفع ما بداخلة إالي مستوي أعلي من المستوي الطبيعي للنص, بحيث يكون ما بداخل العنصر sup في الأعلي والنص العادي يكون علي نفس المستوي وينتج عن ذلك تصميم الرفع إلي القوة في الرياضيات ,ويمكن أستخدام الخاصية مع النصوص والأرقام

<p>10<sup>2</sup></p>

سنحصل عل النتيجة التالية عند تنفيذ الكود    102

الخط المنخفض

العنصر <sup> هو عكس وظيفة العنصر <sub> فالأول يرفع ما بداخلة إلي الأعلي والثاني يخفض ما بداخلة إلي الأسفل والفرق اللفظي بين العنصر الأول والثاني هو حرف الــ p في الأول وحرف الــ b في الثاني

<p>10<sub>2</sub></p>

سنحصل عل النتيجة التالية عند تنفيذ الكود   102


خط أسفل النص

أحياناً يتطلب في التصميم أن تكون النصوص اسفلها خط أفقي من بداية النص الي نهايتة ,ويمكنك توضيف العنصر > لتولي تلك المسؤولية لأنه العنصر المسؤول عن اضافة خط أفقي أسفل الكلمة

<ins> خط أسفل النص </ins>

ملخص الدرس

  • في الخط السميك يمكن أستخدام الوسم <strong> او الوسم <b>
  • في الخط المائل يمكن أستخدام الوسم <em>  او<i>
  • لأنشاء خط مشطوب ,نستخدم الوسم <del>
  • لأنشاء خط مرتفع نستخدم الوسم<sup>
  • لأنشاء خط منخفض ,نستخدم الوسم<sub>

الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج