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

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



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

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

0 141 ۴ مهر ۹۵

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

Markdown

Blockquote یا نقل قول

شما با استفاده از تگ blockquote در html میتونین یک نقل قول در سایتتون قرار بدین و حرف یا سخن کسی دیگه رو درون سایتتون بزارید. برای اینکه درون Markdown یک نقل قول بزارید، کافیه که قبل از متن مورد نظرتون یک علامت < قرار بدین. برای نمونه یک متن رو در زیر بصورت نقل قول قرار میدم:

همونطور که دیدید اول اون با علامت < شروع شده و هر چی متن بعد از اون بیاد، بعنوان نقل قول در نظر گرفته میشه. عبارت Fusion Drive هم در ** قرار گرفته که باعث میشه این قسمت از متن بصورت bold در بیاد و در تگ strong قرار بگیره. اگر درون ابزار stackedit عبارت بالا رو قرار بدیم، خروجی بصورت زیر هست:markdown blockquotes

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

دیدید که متن مورد نظر ابتدا درون تگ p قرار گرفته و بعد از اون درون تگ blockquote قرار گرفته. حتی شما میتونین به راحتی نقل قولها رو درون نقل قولهای دیگه قرار بدین. برای اینکار میتونین برای نقل قول فرزند بجای < از << استفاده کنید. بصورت زیر:

همونطور که میبینید در بالا نقل اصلی بعد از < هست و نقل قولی که قصد داریم داخل نقل قول اولی قرار بگیره رو بعد از << قرار دادیم. خروجی بصورت زیر هست:markdown blockquotes 2

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

بهمین راحتی.

Unordered list یا لیست نامرتب

همونطور که میدونین شما میتونین در html لیستهایی بسازید که درون اون مرتبه و order مهم نیس و هر آیتمی میتونه هر جای لیست باشه. در html این کار رو با استفاده از تگ ul انجام میدیم. درون Markdown میتونین به راحتی با قرار دادن یکی از علامتهای + یا * یا - قبل از آیتمهای مورد نظرتون، لیستی از آیتمها رو بسازید. هیچ فرقی بین این علامتها نیس و میتونین از یکی یا همه اونا با همدیگه استفاده کنید. برای مثال دو کد Markdown زیر به یک صورت هستن و معادل همدیگن:

با

خروجی هر دو کد بالا به یک شکل هست:markdown blockquotes 3

برای اینکه زیر منو برای یکی از آیتمها بزارید، میتونین زیر منوها رو با یک تب یا space مشخص کنید. برای مثال کد زیر رو در نظر بگیرید:

همونطور که در بالا دیدید یکی از آیتمها، تعدادی زیرمنو داره و اونا رو با استفاده از تب indent کردیم. خروجی بصورت زیر میشه:markdown blockquotes 4

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

بهمین راحتی تونستیم منو و زیر منو درون Markdown قرار بدیم.

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

موفق باشید

یا علی

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram