آموزش استفاده از Markdown برای نوشتن محتوا (جلسه 4) - خط افقی و پاراگراف

- visibility ۰ mode_comment

در این مطلب با ادامه آموزش Markdown در خدمتتون هستیم.

Markdown

قرار دادن خط افقی

همونطور که میدونید از تگ hr در html برای کشیدن خط افقی مابین متون و پاراگرافهای مختلف استفاده میشه تا بخشی رو از بخش دیگه جدا کنه. در Markdown شما میتونین خط افقی یا تگ hr رو به سه روش بسازید که هیچ تفاوتی با همدیگر ندارن:

1. سه Underline پست سر هم و بیشتر:markdown hr

همونطور که دیدید در سمت چپ ابزار آنلاین stackedit سه Underline پشت سر هم قرار دادیم و در سمت راست یک خط افقی به وجود اومد. اگر بیشتر از 3 عدد Underline هم قرار بدین، باز هم همین اتفاق خواهد افتاد.

2. سه dash یا خط فاصله پست سر هم و بیشتر:markdown hr 2

دیدید که خروجی مانند روش قبل هست.

3. سه ستاره یا * پست سر هم و بیشتر:markdown hr 3

بهمین راحتی خط افقی یا hr رو در Markdown به وجود آوردیم.

کار کردن با پاراگراف

اگر شما متنی رو درون Markdown قرار بدین و اون رو به HTML تبدیل کنید، اون متن بصورت اتوماتیک در تگ P یا پاراگراف قرار میگیره. برای مثال اگر متن زیر رو در Markdown قرار بدیم:

چون همه متن در یک پاراگراف و پشت سر هم قرار داده شده و خط جدید در اون به وجود نیاوردیم، خروجی HTML اون بصورت زیر هست:

میبینید که همه متن در تگ p قرار داده شده. حالا اگر فقط یک Enter در قسمتی از متن بزنیم تا به خط جدید بره، متن ورودی بصورت زیر میشه:

خروجی HTML اون بصورت زیر میشه:

همونطور که دیدید بجای Enter که ما زدیم، یک تگ br در html بوجود اومده.

حالا اگر دو یا بیشتر Enter بزنیم، متن ورودی در Markdown بصورت زیر میشه:

همونطور که میبینید، دو متن بصورت کامل از هم جدا شدن و دیگه نمیشه اونا رو یک پاراگراف دونست. خروجی HTML اون بصورت زیر هست:

همونطور که دیدید دو پاراگراف مستقل به وجود اومده و متون مورد نظر رو در خودش جا داده.

قرار دادن کد HTML در Markdown

اگر شما به تگ HTML خاصی نیاز دارید که همچنین class خاصی هم داشته باشه، شما میتونین به سادگی کد HTML خودتون در Markdown قرار بدین. برای مثال کد زیر رو در نظر بگیرید:

خروجی HTML بصورت زیر میشه:

دیدید که خروجی همانند ورودی شد و اون تگ در اختیارتون قرار میگیره.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق باشید

یا علی

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.