إضافة خطوط أفقية في Markdown

Adaft Khtwt Afqyt Fy Markdown



في هذا الدليل ، سنتعلم كيفية إضافة خطوط أفقية في Markdown.

المتطلبات الأساسية:

لتنفيذ الخطوات الموضحة في هذا الدليل ، تحتاج إلى المكونات التالية:

  • محرر Markdown مناسب. على سبيل المثال، صوديوم و يضعط (شوكة من ذرة ) ، أو أي محرر ترميز عبر الإنترنت.
  • فهم أساسي لعملية Markdown (اختياري).

تخفيض السعر

Markdown هي لغة ترميز شائعة تسمح بإضافة عناصر متنوعة (عناوين ، صور ، جداول ، إلخ) لتوضيح المستندات النصية. إلى جانب التركيبات المضمنة ، يدعم Markdown أيضًا العديد من علامات HTML. اكتسب شعبية بمرور الوقت بسبب مجموعة ميزاته المثيرة للاهتمام:







  • وزن خفيف : بالمقارنة مع لغات الترميز الأخرى ، فإن Markdown بسيط وخفيف الوزن. لا يتضمن Markdown القياسي العديد من التركيبات مع الحفاظ على ميزاته المتنوعة.
  • قابلية التنقل : مستند Markdown هو في الأساس نص عادي. وبالتالي ، يمكن لأي برنامج العمل معها. يمكنك أيضًا إنشاء نص بتنسيق Markdown على أي نظام أساسي.
  • شعبية يستخدم Markdown لإنشاء مواقع الويب والمستندات والملاحظات ورسائل البريد الإلكتروني وغيرها. تدعم الشركات الكبيرة مثل Reddit و GitHub وما إلى ذلك أيضًا Markdown.

خطوط أفقية في Markdown

في Markdown ، يظهر الخط الأفقي كالتالي:





هناك مناسبات مختلفة حيث قد ترغب في إضافة خط أفقي في المستند. على سبيل المثال ، للدلالة على بداية / نهاية القسم.





إنشاء مستند جديد

أثناء عملنا مع محرر Pulsar ، نحتاج إلى فتح ملف نصي جديد لتخزين مستند Markdown الخاص بنا. من النافذة الرئيسية ، انتقل إلى ملف >> ملف جديد أو استخدم ' السيطرة + ن ' اختصار لوحة المفاتيح.



يأتي محرر Pulsar مع ميزة معاينة Markdown الحية. لتمكين المعاينة المباشرة ، انتقل إلى الحزم >> Markdown Preview >> تبديل المعاينة . بدلاً من ذلك ، استخدم ' Ctrl + Shift + M. ' اختصار لوحة المفاتيح.

إنشاء خطوط أفقية

في Markdown ، توجد عدة صيغ للدلالة على خط أفقي:

  • ***
  • -
  • ___

كل منهم سينتج عن مخرجات مماثلة.

للتوضيح ، انسخ الكود التالي والصقه في محرر النصوص:

# مرحبا بالعالم

___

# الثعلب البني السريع

***

# يقفز فوق الكلب الكسول

___

# 123456789

هنا:

  • للحصول على صور أفضل ، نستخدم تنسيق H1 لكل سطر من النصوص.
  • نقوم بإنشاء ثلاثة خطوط أفقية باستخدام ثلاثة رموز مختلفة.
  • هناك خط جديد قبل وبعد كل رمز من رموز الخط الأفقي.

يوصى باستخدام مثل هذه المسافات لأن الرمز '-' بدون مسافات يشير إلى عنوان:

طريقة خاطئة

-

مرحبا بالعالم

إنشاء خطوط أفقية باستخدام HTML

إذا كنت قد عملت باستخدام HTML من قبل ، فمن المحتمل أن تكون على دراية بامتداد


لإنشاء خطوط أفقية. كما أنه يعمل في Markdown.

تحقق من الكود التالي:

## مرحبا بالعالم

< ساعة />

هنا:

  • نستخدم تنسيق H2 للنص.
  • ال
    تقوم العلامة بإنشاء خط أفقي في الإخراج المعروض.

من الفوائد المثيرة للاهتمام لهذا الأسلوب أنه لا داعي للقلق بشأن إنشاء عنوان عرضيًا.

ال


تسمح العلامة أيضًا بتعديل الخصائص المختلفة للإخراج. على سبيل المثال: اللون والعرض وما إلى ذلك. تحقق من المثال التالي:

## مثال 1

< أسلوب hr = 'border: 3 بكسل بلون أخضر خالص' />

## المثال 2

< أسلوب hr = 'الحد: 9 بكسل متقطع باللون الأحمر' />

## المثال 3

< أسلوب hr = 'border: 9 بكسل متصل ؛ نصف قطر الحد: 9 بكسل ؛ الارتفاع: 33 بكسل' />

هنا:

  • تتضمن جميع الأمثلة CSS لتبسيط الخط الأفقي.
  • في المثال الأول ، نقوم بإنشاء خط أفقي ملون بسيط.
  • في المثال الثاني ، نقوم بإنشاء خط أفقي متقطع.
  • في المثال الثالث ، نقوم بإنشاء خط أفقي مستدير.

لمعرفة المزيد ، تحقق من العلامة


في HTML .

تصدير Markdown كـ HTML

باستخدام الأداة الصحيحة ، يمكن تحويل مستند بتنسيق Markdown إلى HTML. يأتي محرر Pulsar مع هذه الميزة المدمجة.

لنسخ المخرجات المعروضة بتنسيق HTML ، انقر بزر الماوس الأيمن على نافذة المعاينة وحدد 'نسخ بتنسيق HTML'.

يبدو HTML الناتج كما يلي:

خاتمة

ناقشنا حول إنشاء خطوط أفقية في Markdown. تم عرضنا باستخدام كل من بناء جملة Markdown المدمج وبناء جملة HTML لإنشاء خطوط أفقية.

هل أنت مهتم بمعرفة المزيد عن Markdown؟ تفحص ال الفئة الفرعية Markdown .