1. Home
  2. Content Tools
  3. Markdown to HTML

Markdown to HTML Converter

Markdown to HTML Converter is a simple tool that take your markdown text and convert it to properly formated html code. This is live editor tool and you see generated html code or preview in real time as you type. This tool is perfect for web develepers, technical writters, bloggers, documentation writters or anyone else who needs mardkdown to html conversion on daily basis.

Markdown Syntax Examples

Here are some of the most commonly used markdown syntax features.

Basic Formating Syntax

Emphasis, Italic text: *Emphasis, Italic text* or _Emphasis, Italic text_

Strong, Bold text: **Strong, Bold text** or __Strong, Bold text__

Strikethrough text: ~~Strikethrough text~~

Headers / Headings Syntax

Heading levels are formated with # at begining of the line.

Here is example for all heading levels:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

There is and alternative version for H1 and H2 headings:

Heading 1
=========

Heading 2
---------

Markdown List Syntax

Use hyphens -, asterisks * or plus signs + to create unordered lists. Example syntax:

- First item
- Second item
- Third item

If you want to make ordered list use numbers followed by a period, Example syntax:

1. First item
2. Second item
3. Third item

If you want to make nested lists use spaces to indent sublists:

- First item
  - Subitem 1
  - Subitem 2

If you want to create checklists use this syntax:

- [x] Complated task
- [ ] Pending task

Markdown Link Syntax

There are several ways to create a link with markdown syntax:

Inline link (most common):

[Link Text](https://link-url.com)

Link with title (tooltip text):

[Link Text](https://link-url.com "Tooltip text")

Reference link:

[Link Text][reference id]
[reference id]: https://link-url.com

Automatic url link:

<https://link-url.com>

Email link:

<your@email.com>

Internal anchor link:

[Go to Section](#section-name)

Markdown Image Syntax

Adding images with markdown is easy and syntax is very similar to that of the links. Just use an exclamation mark ! before an inline link syntax or reference link syntax and instead of link it will become an image. Here is an example:

![Alt text](https://url-to.com/your-image.jpg)

If you want your image to have a title:

![Alt text](https://url-to.com/your-image.jpg "Image title")

You can also use images from your project folder:

![Alt text](/images/your-image.jpg)

Markdown Blockquotes Syntax

Use a greather than character > before a line to create a blockqoute. If you like blockquoute to be multiline just use the grather than character in begining of every blockquote line.

> This is blockquote
> that has two lines

Code Markdown Syntax

Use single backticks ` to highlight inline code like this `code`. Use triple backticks to create multiline code block like this:

```
<p>this is sample code</p>
```

Create Table with Markdown

You can create table with markdown syntax to display data in readable and structured way.

Tables are created using pipes | to separate columns and hyphens - to separate header row.

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Text 1   | Text 2   | Text 3   |
| Text 4   | Text 5   | Text 6   |

If you want you can align text in columns using colons : in the header row.

| Left | Center | Right |
|:-----|:------:|------:|
| A    | B      | C     |