Complete Markdown syntax reference with live preview. Covers standard Markdown and GitHub Flavored Markdown (GFM) extensions.
# Heading 1
H1 β largest heading
# My Title
## Heading 2
H2 β section heading
## Introduction
### Heading 3
H3 β subsection
### Details
#### Heading 4
H4
#### Notes
##### Heading 5
H5
##### Fine print
###### Heading 6
H6 β smallest heading
###### Footnote
Title ======
H1 β setext style (underline with ===)
My Title ========
Title ------
H2 β setext style (underline with ---)
My Section ----------
**bold**
Bold text
**important**
__bold__
Bold text (alternate)
__important__
*italic*
Italic text
*emphasis*
_italic_
Italic text (alternate)
_emphasis_
***bold italic***
Bold and italic
***critical***
~~strikethrough~~
Strikethrough (GFM)
~~deprecated~~
`inline code`
Inline code
`console.log()`
<mark>highlight</mark>
Highlighted text (HTML in MD)
<mark>key point</mark>
- Item - Item - Item
Unordered list (dash)
- Apple - Banana - Cherry
* Item * Item
Unordered list (asterisk)
* Alpha * Beta
+ Item + Item
Unordered list (plus)
+ One + Two
1. First 2. Second 3. Third
Ordered list
1. Step one 2. Step two 3. Step three
1. Item - Sub-item - Sub-item
Nested list (3 spaces indent)
1. Main - Sub A - Sub B
- [ ] Unchecked - [x] Checked
Task list (GFM)
- [ ] Todo - [x] Done
[text](url)
Inline link
[OpenAI](https://openai.com)
[text](url "title")
Link with title tooltip
[GitHub](https://github.com "GitHub")
[text][ref] [ref]: url
Reference-style link
[Google][goo] [goo]: https://google.com
<https://url>
Autolink (bare URL)
<https://example.com>

Inline image


Image with title

[](url)
Linked image
[](https://site.com)
`code`
Inline code
Use `npm install`
``` code ```
Fenced code block
```
console.log('hi')
``````javascript code ```
Syntax highlighted code
```python
print('hello')
```indented code
Code block via 4-space indent
def hello():
pass``code with `backtick` inside``
Double backticks for inline code with backtick
``Use `code` here``
| Col1 | Col2 | |------|------| | A | B |
Basic table (GFM)
| Name | Age | |------|-----| | Ana | 25 |
| Left | Center | Right | |:-----|:------:|------:|
Column alignment (GFM)
| Left | Center | Right | |:-----|:------:|------: | a | b | c |
> Quote text
Blockquote
> To be or not to be.
> Line 1 > Line 2
Multi-line blockquote
> First line > Second line
> Outer > > Nested
Nested blockquote
> Level 1 > > Level 2
> **Note:** text
Styled blockquote with bold
> **Warning:** Be careful!
- [ ] Unchecked task
Unchecked checkbox (GFM)
- [ ] Write tests
- [x] Completed task
Checked checkbox (GFM)
- [x] Deploy app
- [ ] Task - [ ] Subtask
Nested task list
- [ ] Feature - [x] API done - [ ] UI todo
---
Horizontal rule (thematic break)
Section 1 --- Section 2
***
Horizontal rule (3 asterisks)
***
\*escaped\*
Escape Markdown characters with \
\*not bold\*
<br>
Forced line break within paragraph
Line one<br>Line two
Two trailing spaces next line
Hard line break (2 spaces + enter)
First line Second line
<!-- comment -->
HTML comment (hidden in output)
<!-- TODO: fix this -->
~~strikethrough~~
Strikethrough
~~old text~~
https://auto.link
Autolink (bare URL auto-linked)
https://example.com
@username
User mention (GitHub)
@octocat
#123
Issue/PR reference (GitHub)
Fixes #42
SHA reference
Commit SHA reference (GitHub)
a5c3785
```mermaid graph ```
Mermaid diagram (GitHub/GitLab)
```mermaid graph LR A-->B ```
> [!NOTE]
GitHub alerts (NOTE/TIP/WARNING/CAUTION)
> [!WARNING] > Be careful!
Tables are a GitHub Flavored Markdown (GFM) extension. Use pipes '|' to separate columns, and colons in the separator row to align content:|
| Name | Role | Score | |:--------|:---------:|------:| | Alice | Developer | 100 | | Bob | Designer | 95 |
:--- Left align:---: Center---: Right alignWrite and preview Markdown in real-time β with live renderingand export options.
Markdown is a lightweight markup language created by John Gruber in 2004. It uses plain text formatting syntax to create HTML: #headings, **bold**, *italic*, [links], `code`, and more. It's used in README files, GitHub, Reddit, Slack, and many documentation systems.
CommonMark is a standardized Markdown specification. GitHub Flavored Markdown (GFM) extends it with task lists, tables, strikethrough, autolinks, and syntax highlighting in code fences. Most modern platforms support GFM.
Use triple backticks followed by the language name: ```javascript. Supported languages include javascript, python, typescript, bash, css, html, json, yaml, sql, and many more.
Use a backslash before the character: \* for *, \_ for _, \` for `, \# for #, \[ for [, etc. This prevents Markdown from interpreting them as formatting syntax.