• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

0 171 ۱ مهر ۹۵

در این مطلب با ادامه آموزش 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 بصورت زیر میشه:

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

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

موفق باشید

یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram