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

ساخت وبلاگ
0 12 ۴ مهر ۹۵

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

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

موفق باشید

یا علی

سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 354 تاريخ : دوشنبه 5 مهر 1395 ساعت: 16:58

خبرنامه