Markdown Guide

Emphasis

**bold**
*italics*
~~strikethrough~~

Headers

# Big header
## Medium header
### Small header
#### Tiny header

Lists

* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item

Links

[Text to display](http://www.example.com)

Quotes

> This is a quote.
> It can span multiple lines!

Images

![](http://www.example.com/image.jpg)

Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

Or without aligning the columns...

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |

Displaying code

`var example = "hello!";`

Or spanning multiple lines...

```
var example = "hello!";
alert(example);
```
html:

<main class="plain-html article-layout article-markup">
	<h1>Markdown Guide</h1>

	<h3>Emphasis</h3>

	<pre>**<strong>bold</strong>**
*<em>italics</em>*
~~<strike>strikethrough</strike>~~</pre>

	<h3>Headers</h3>

	<pre># Big header
## Medium header
### Small header
#### Tiny header</pre>

	<h3>Lists</h3>

	<pre>* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item</pre>

	<h3>Links</h3>

	<pre>[Text to display](http://www.example.com)</pre>

	<h3>Quotes</h3>

	<pre>&gt; This is a quote.
&gt; It can span multiple lines!</pre>

	<h3>Images</h3>

	<pre>![](http://www.example.com/image.jpg)</pre>

	<h3>Tables</h3>

	<pre>| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

<em>Or without aligning the columns...</em>

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |</pre>

	<h3>Displaying code</h3>

	<pre>`var example = "hello!";`

<em>Or spanning multiple lines...</em>

```
var example = "hello!";
alert(example);
```</pre>
</main>