Markdown Previewer

Markdown syntax guide

Edit this document on the left and the preview updates as you type. Clear it whenever you want to start on your own text.

Headers

Add one # for each level, from # (largest) down to ###### (smallest):

# This is a Heading h1
## This is a Heading h2
### This is a Heading h3
#### This is a Heading h4
##### This is a Heading h5
###### This is a Heading h6

Levels 2 through 6 are rendered below. This sample leaves out the rendered # so the page keeps a single level-1 heading — its title — but a # line in your own document works exactly the same way.

This is a Heading h2

This is a Heading h3

This is a Heading h4

This is a Heading h5

This is a Heading h6

Emphasis

This text will be italic
This will also be italic

This text will be bold
This will also be bold

You can combine them

Lists

Unordered

• Item 1
• Item 2
• Item 2a
• Item 2b
  • Item 3a
  • Item 3b

Ordered

1. Item 1
2. Item 2
3. Item 3
   1. Item 3a
   2. Item 3b

Images

Images use the link syntax with a ! in front: alt text in the brackets, the image location in the parentheses.

![Alt text describing the image](https://example.com/photo.jpg)
![A file sitting next to your document](images/diagram.png)

Paste a full URL or a path relative to wherever the exported HTML will live, and the preview pane loads it exactly as a browser would.

Links

You may be using OnlineToolsVault.

Blockquotes

Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.

Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

Tables

Left columns	Right columns
left foo	right foo
left bar	right bar
left baz	right baz

Blocks of code

let message = 'Free Tools';
alert(message);

Inline code

This web site is using js.