GLOBAL ELEMENTS

Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec lorem nunc. Aenean eu risus ac dui rutrum maximus sit amet in mi. Suspendisse molestie imperdiet tempor. Suspendisse a euismod sem. Nullam vel luctus nisl, ut sodales ante. Curabitur facilisis lacinia leo eget mollis.

This is an example inline link.

This link has no title attribute.

Headings

Test Heading H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

 

Test Heading H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

 

Test Heading H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

 

Test Heading H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

 

Test Heading H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

 

Test Heading H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis feugiat luctus. Proin tincidunt ligula eget ligula aliquet semper.

Forms

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec lorem nunc. Aenean eu risus ac dui rutrum maximus sit amet in mi. Suspendisse molestie imperdiet tempor. Suspendisse a euismod sem. Nullam vel luctus nisl, ut sodales ante. Curabitur facilisis lacinia leo eget mollis. Nunc metus odio, varius ac viverra eget, sodales et nisi. Etiam sed mi ut elit tincidunt volutpat vitae et diam. In sed aliquet magna. Suspendisse efficitur arcu id lorem convallis, et luctus justo vehicula. Nullam ultrices suscipit lacus, non ultricies magna faucibus eu. Duis tincidunt pulvinar eros, eu rutrum nisi elementum at. Duis at eros lobortis, faucibus ante in, dictum augue. Donec at velit non enim efficitur facilisis ac ut velit.

Sed diam ex, pulvinar eget dolor nec, scelerisque mattis erat. Pellentesque lacinia mauris et volutpat tincidunt. Curabitur sagittis ex dolor, non posuere sapien bibendum vitae. Sed vulputate eu lacus quis ornare. Nulla rhoncus vestibulum accumsan. Donec mattis nunc a ipsum pharetra, et tincidunt purus interdum. Curabitur facilisis purus ac odio cursus interdum. Vivamus laoreet interdum vehicula. Ut quis enim quis dui varius euismod vitae at eros.

Praesent egestas libero augue, quis condimentum est bibendum quis. Phasellus posuere eu dolor eget mattis. Proin quis leo nisi. Aliquam erat nulla, condimentum ut nibh vel, convallis pulvinar dui. Aliquam et pretium ex. In tincidunt neque tempor, finibus purus nec, finibus nulla. Ut vulputate placerat augue, in fermentum risus semper id. Aliquam suscipit nulla eu lorem euismod, at suscipit metus molestie. Morbi nec luctus metus. Sed lacus nibh, consequat quis dapibus a, porttitor non nisi. Pellentesque bibendum vitae justo id sodales. Morbi vel nisl rutrum odio consequat varius. Nulla facilisi. Duis lobortis maximus sem a lobortis.

Nunc quis leo sed tortor mattis pellentesque nec ut justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam bibendum congue nisl, at auctor turpis egestas ut. Nam laoreet pretium posuere. Nulla eros lectus, dictum et efficitur vel, imperdiet sit amet libero. Mauris id mi id metus rutrum egestas. Nulla tellus mi, placerat sit amet tellus at, egestas aliquet tellus. Praesent lacinia diam ut est porttitor, quis congue ipsum finibus.

Quisque justo nisi, vulputate ut arcu sit amet, facilisis mollis ligula. Suspendisse potenti. Vestibulum congue tempus purus, vitae semper lectus dictum at. Cras a semper ipsum. Maecenas vel interdum est. Aliquam ut aliquam elit. Ut viverra gravida sem, id fermentum metus mollis condimentum. Phasellus rhoncus, leo nec tincidunt convallis, augue magna dapibus ante, a placerat enim felis in mauris.

Blockquotes

Markdown uses email-style > characters for blockquoting. If you're familiar with quoting passages of text in an email message, then you know how to create a blockquote in Markdown. It looks best if you hard wrap the text and put a > before every line:

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

Markdown allows you to be lazy and only put the > before the first line of a hard-wrapped paragraph:

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

Blockquotes can be nested (i.e. a blockquote-in-a-blockquote) by adding additional levels of >:

This is the first level of quoting.

This is nested blockquote.

Back to the first level.

Blockquotes can contain other Markdown elements, including headers, lists, and code blocks:

This is a header.

  1. This is the first list item.
  2. This is the second list item.

Here's some example code:

return shell_exec("echo $input | $markdown_script");

Any decent text editor should make email-style quoting easy. For example, with BBEdit, you can make a selection and choose Increase Quote Level from the Text menu.

Lists

Markdown supports ordered (numbered) and unordered (bulleted) lists.

Unordered lists use asterisks, pluses, and hyphens -- interchangably -- as list markers:

  • Red
  • Green
  • Blue

is equivalent to:

  • Red
  • Green
  • Blue

and:

  • Red
  • Green
  • Blue

Ordered lists use numbers followed by periods:

  1. Bird
  2. McHale
  3. Parish

It's important to note that the actual numbers you use to mark the list have no effect on the HTML output Markdown produces. The HTML Markdown produces from the above list is:

If you instead wrote the list in Markdown like this:

  1. Bird
  2. McHale
  3. Parish

or even:

  1. Bird
  2. McHale
  3. Parish

you'd get the exact same HTML output. The point is, if you want to, you can use ordinal numbers in your ordered Markdown lists, so that the numbers in your source match the numbers in your published HTML. But if you want to be lazy, you don't have to.

To make lists look nice, you can wrap items with hanging indents:

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

But if you want to be lazy, you don't have to:

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

List items may consist of multiple paragraphs. Each subsequent paragraph in a list item must be indented by either 4 spaces or one tab:

  1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

  2. Suspendisse id sem consectetuer libero luctus adipiscing.

It looks nice if you indent every line of the subsequent paragraphs, but here again, Markdown will allow you to be lazy:

  • This is a list item with two paragraphs.

    This is the second paragraph in the list item. You're only required to indent the first line. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Another item in the same list.

To put a blockquote within a list item, the blockquote's > delimiters need to be indented:

  • A list item with a blockquote:

    This is a blockquote inside a list item.

To put a code block within a list item, the code block needs to be indented twice -- 8 spaces or two tabs:

  • A list item with a code block:

    <code goes here>

Horizontal Rule

In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.


In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.

Tables

Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.

Table Heading 1 Table Heading 2 Center align Right align Table Heading 5
Item 1 Item 2 Item 3 Item 4 Item 5
Item 1 Item 2 Item 3 Item 4 Item 5
Item 1 Item 2 Item 3 Item 4 Item 5
Item 1 Item 2 Item 3 Item 4 Item 5
Item 1 Item 2 Item 3 Item 4 Item 5
Total $180 $180 $180 $180

Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.

Media

 

salad-2756467_1920

 

spaghetti-1932466_1920

 

grapes-690230_1920

 

olive-oil-1412361_1920

 

Embeds

Inline Elements 

Sint ea anim ipsum ad commodo cupidatat do exercitation incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. Consequat commodo reprehenderit duis irure esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum cupidatat consequat. Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.

berries-2277_1920

Proident sit veniam in est proident officia adipisicing ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris culpa ex duis sint anim aute reprehenderit id eu ea. Aute excepteur proident Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.

spaghetti-1932466_1920

Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est enim anim voluptate. Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi adipisicing sunt officia. Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.

Reprehenderit non eu quis in ad elit esse qui aute id incididunt dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.

Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est enim anim voluptate. Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi adipisicing sunt officia. Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.

Reprehenderit non eu quis in ad elit esse qui aute id incididunt dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure. 

 

Codeblocks

To indicate a span of code, wrap it with backtick quotes (`). Unlike a pre-formatted code block, a code span indicates code within a normal paragraph. For example:

Use the printf() function.

Pre-formatted code blocks are used for writing about programming or markup source code. Rather than forming normal paragraphs, the lines of a code block are interpreted literally. Markdown wraps a code block in both <pre> and <code> tags.

To produce a code block in Markdown, simply indent every line of the block by at least 4 spaces or 1 tab.

This is a normal paragraph:

This is a code block.

Here is an example of AppleScript:

tell application "Foo"
beep
end tell

A code block continues until it reaches a line that is not indented (or the end of the article).

Within a code block, ampersands (&) and angle brackets (< and >) are automatically converted into HTML entities. This makes it very easy to include example HTML source code using Markdown -- just paste it and indent it, and Markdown will handle the hassle of encoding the ampersands and angle brackets. For example, this:

<div class="footer">
&copy; 2004 Foo Corporation
</div>

Regular Markdown syntax is not processed within code blocks. E.g., asterisks are just literal asterisks within a code block. This means it's also easy to use Markdown to write about Markdown's own syntax.

tell application "Foo"
beep
end tell

Emphasis

Markdown treats asterisks (*) and underscores (_) as indicators of emphasis. Text wrapped with one * or _ will be wrapped with an HTML <em> tag; double *'s or _'s will be wrapped with an HTML <strong> tag. E.g., this input:

single asterisks

single underscores

double asterisks

double underscores

Microcopy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec lorem nunc. Aenean eu risus ac dui rutrum maximus sit amet in mi. Suspendisse molestie imperdiet tempor. Suspendisse a euismod sem. Nullam vel luctus nisl, ut sodales ante. Curabitur facilisis lacinia leo eget mollis.