تنسيقات HTML لتحسين مظهر مواضيعك

  لوحة الكتابة في بلوجر تدعم معظم التنسيقات الخاصة بالـ HTML

لكن هناك بعض التنسيقات البسيطة التي يمكن أن تكون مفيدة ولا تدعمها المنصة لذلك هذا الموضوع سيعرفك بها ان لم تكن تعرفها كذلك صنعت تنسيق بسيط لها لتضيفه لقالبك

تنسيقات HTML لتحسين مظهر مواضيعك

هذه هي الوسوم المستخدمة

<mark>نص مميز بخلفية</mark>

<u>نص تحته خط</u>

<del>نص محذوف</del>

H<sub>2</sub>O

10<sup>4</sup>

<hr/>

كل وسم موضح به ماذا يحدث للنص الذي بداخله

ما عدا آخر ثلاث الأمر غير موضح فهناك فقط أرقام بداخلهم والأخير لا يوجد به شئ

الأول sub يجعل النص صغير لأسفل وذلك لمن يكتب مواضيع علمية مثلاً وتتطلب منه ترمزيات كميائية

الثاني sup عكسه يجعل النص صغير لكن لأعلى وهذا مناسب لكتابة مثلا درجات الحرارة أو العاملات الرياضية

أما الثالث hr يظهر لك سطر فاصل فيمكنك استخدامه لفصل فقرات مواضيعك

هذا تنسيق لتلك الوسوم يمكنك أن تضيفه في قالبك فوق الوسم ]]></b:skin>

mark {background-color: #e7ff9c;padding: 4px 8px;}

u {text-decoration: underline;}

small {font-size: 75%;}

del {text-decoration: line-through;}

sub {color: #0158db;}

sup {color: #e70202;}

hr {border: 1px solid #666; padding: 1px;background-color: #eee; border-radius: 50%;}

وهذا شكلهم بعد وضع التنسيقات

نص مميز بخلفية
نص تحته خط
نص محذوف H2O
104
تعتبر أمور بسيطة لكن قد تفرق مع بضع الناس في التنسيقات كثيراً

4تعليقات

تعليقك يساهم في تطوير المحتوى ويزيد من الفائدة بمشاركتنا بأفكارك واقتراحاتك , رأيك يهمنا فساهم بتعليقاتك معنا
يرجى عدم وضع روابط خارجية في التعليقات لضمان نشرها

  1. جزاك الله خيرا استاذنا الغالي
    دائما بإبداعاتك

    ردحذف
    الردود
    1. حبيبي منير , تسلم يا طيب وجزاك الله بالمثل , وكل عام وانت بخير

      حذف
  2. شكرا لحضرتك كل عام وانت بخير

    ردحذف
    الردود
    1. وأنت بخير أخي احمد وبصحة وعافية عيد مبارك

      حذف