# HEADERS

Markdown input:

# h1
## h2
### h3
#### h4
##### h5
###### h6
copy

HTML output:

h1

h2

h3

h4

h5

h6

 

---

 

# EMPHASIS

• Italic

Markdown input:

*italic text*
_italic text_
copy

HTML output:

italic text
italic text

 

• Bold

Markdown input:

**bold text**
__bold text__
copy

HTML output:

bold text
bold text

 

• Bold italic

Markdown input:

***bold italic***
___bold italic___
copy

HTML output:

bold italic
bold italic

 

• Strikethrough

Markdown input:

~~strikethrough~~
copy

HTML output:

strikethrough

 

• Blockquotes

Markdown input:

> This is
> blockquote
copy

HTML output:

This is
blockquote

 

---

 

# CODE

• Inline code

Markdown input:

`inline code`
copy

HTML output:

inline code

 

• Code fences

Markdown input:

```
code fences
```
copy

HTML output:

code fences
copy

 

• Code fences with language

Markdown input:

```js,javascript, bash, sh, python
codeFences.withLanguage()
```
copy

HTML output:

codeFences.withLanguage()

copy

 

---

 

# IMAGES

• Simple IMG

Markdown input:

![Image alt text](/img/markdown-linux.jpg)
copy

HTML output:

 

• Simple IMG with title

Markdown input:

![Image alt text](/img/markdown-linux.jpg "hovered text")
copy

HTML output:

 

• Add IMG using URL

Markdown input:

![Image alt text](https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Tux%2C_gray%EF%BC%8Fgrey_background.png/220px-Tux%2C_gray%EF%BC%8Fgrey_background.png "hovered text")
copy

HTML output:

 

• Linked IMG

Markdown input:

[![Image alt text](https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Tux%2C_gray%EF%BC%8Fgrey_background.png/220px-Tux%2C_gray%EF%BC%8Fgrey_background.png)](https://google.com)
copy

HTML output:

 

---

 

# LISTS

• Item

Markdown input:

* Item 1
* Item 2
copy

HTML output:

• Item 1
• Item 2

 

• Item 2

Markdown input:

- Item 1
- Item 2
copy

HTML output:

• Item 1
• Item 2

 

• Numbered list

Markdown input:

1. Item 1
2. Item 2
copy

HTML output:

1. Item 1
2. Item 2

 

• Bullet list

Markdown input:

Bullet list:
* Start a line with an asterisk
* Food
  * Fruits
    * Oranges
    * Apples
copy

HTML output: Bullet list:

• Start a line with an asterisk
• Food
  • Fruits
    • Oranges
    • Apples

 

• Checkbox

Markdown input:

- [ ] Checkbox off
- [x] Checkbox on
copy

HTML output:

• Checkbox off
• Checkbox on

 

---

 

# LINKS

• Link 1

Markdown input:

[link](http://google.com)
copy

HTML output:

link

 

• Link 2

Markdown input:

[link][google]
[google]: http://google.com
copy

HTML output:

[link][google] [google]: http://google.com

 

---

 

# TABLES

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe | :

Markdown input:

First Header | Second Header
------------ | -------------
Content cell 1 | Content cell 2
Content column 1 | Content column 2
copy

HTML output:

First Header	Second Header
Content cell 1	Content cell 2
Content column 1	Content column 2

 

---

 

# ESCAPES

Markdown input:

\*literal asterisks\*

\ backslash
` backtick
* asterisk
_ underscore
{} curly braces
[] square brackets
() parentheses
# hash mark
+ plus sign
- minus sign (hyphen)
. dot
! exclamation mark
copy

HTML output:

*literal asterisks*

 

---

 

# OTHERS

Markdown input:

---   horizontal line
***   horizontal line
copy

 

---

 

# FOOTNOTES

Markdown input:

This is text[^1] that we used as an example[^2].
[^1]: Text at the bottom
[^2]: of this page
copy

HTML output:
This is text¹ that we used as an example².

---

1. Text at the bottom ↩︎

2. of this page ↩︎