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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

آموزش استفاده از Markdown برای نوشتن محتوا (جلسه 7) - لیست مرتب و کدها

0 200 ۵ مهر ۹۵

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

Markdown

ordered list یا لیست مرتب

همونطور که میدونین شما میتونین در html لیستهایی بسازید که درون اون مرتبه و order مهم هست و آیتمهای درون لیست دارای نوبت هست و نمیشه اونا رو جابجا کرد. در html این کار رو با استفاده از تگ ol انجام میدیم. درون Markdown میتونین به راحتی با قرار دادن اعداد قبل از آیتمهای مورد نظرتون، لیست مرتب یا ordered list بسازید. کد Markdown زیر رو در نظر بگیرید:

خروجی اون در ابزار آنلاین بصورت زیر هست:markdown list

همونطور که دیدین لیست مرتب به سادگی تشکیل شده. حالا شما میتونین بجای اینکه از اعداد پشت سر هم استفاده کنید، همه اعداد رو 1 قرار بدین. با اینکار Markdown متوجه میشه که شما منظورتون همون لیست مرتب هست و بازم خروجی مشابهی رو خواهید دید. مثلا کد زیر رو ببینید:

همونطور که میبینید همه لیستها با 1 شروع شدن. حالا اگر این کد رو در ابزار قرار بدیم، بصورت زیر میشه:markdown list 2

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

بهمین راحتی.

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

همونطور که اطلاع دارید شما میتونین درون HTML با استفاده از تگ code، کدهاتون رو درون سایتتون به نمایش بزارید. درون Markdown این کار رو با استفاده از backtick یا ` انجام میدن. به راحتی کد مورد نظر رو درون ` قرار میدیم و Markdown کارهای مورد نظر رو برای ما انجام میده. برای قرار دادن `، کافیه که زبان کیبوردتون انگلیسی باشه و دکمه زیر Esc رو فشار بدین. با اینکار یک Backtick قرار داده میشه. برای مثال کد زیر رو نظر بگیرید:

میبینید که کد <section></section> درون ` قرار گرفته. اگر این مورد رو درون ابزار آنلاین قرار بدیم، خروجی بصورت زیر میشه:markdown code

همونطور که دیدید قسمت مورد نظر بصورت کد در اومد. خروجی HTML بصورت زیر هست:

میبینید که کاراکترهای خاص بصورت کدهای HTML در اومدن.

یه راه دیگه ای که وجود داره اینه که همه کدهاتون رو به اندازه حداقل 4 فضای خالی یا space از ابتدای خط فاصله بدین. با اینکار اون اون خطوط بصورت کد در میان. کد زیر رو در نظر بگیرید:

همونطور که میبینید همه خطوط بالا به اندازه 1 تب یا 4 فضای خالی از ابتدای خط فاصله دارن. خروجی اون بصورت زیر میشه:markdown code 5

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

میبینید که کدهای مورد نظر ابتدا درون تگ code و بعد از اون درون تگ pre قرار میگیرن.

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

موفق باشید

یا علی

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram