Whether you're writing documentation, README files, or blog posts, this cheatsheet covers everything you need to know about Markdown syntax. Try the interactive version to edit examples and see how they render in real-time!

Headings

Use hash symbols to create headings. More hashes mean smaller headings:

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

Text Formatting

**bold text**
*italic text*
***bold and italic***
~~strikethrough~~

Result: bold, italic, bold and italic, strikethrough

Lists

Unordered Lists

- First item
- Second item
  - Nested item
  - Another nested item
- Third item

Ordered Lists

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

Task Lists

- [x] Completed task
- [ ] Incomplete task
- [ ] Another task

Result:

• Completed task
• Incomplete task
• Another task

Links

[Link text](https://example.com)
[Link with title](https://example.com "Hover text")

Result: Link to Google, Link with hover title

Images

![Alt text](https://example.com/image.png)
[![Clickable image](image.png)](https://link.com)

Result:

Code

Inline Code

Use `backticks` for inline code

Result: Use backticks for inline code like console.log("Hello!")

Code Blocks

Use triple backticks with an optional language identifier:

```javascript
function greet(name) {
  console.log("Hello, " + name);
}
```

Result:

function greet(name) {
  console.log("Hello, " + name);
}

Blockquotes

> This is a blockquote.
> It can span multiple lines.
>
> Add a blank line for new paragraphs.

Result:

This is a blockquote. It can span multiple lines.

Add a blank line for new paragraphs.

Tables

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

Result:

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Cell 4	Cell 5	Cell 6

Table Alignment

| Left | Center | Right |
|:-----|:------:|------:|
| L1   | C1     | R1    |
| L2   | C2     | R2    |

Result:

Left	Center	Right
L1	C1	R1
L2	C2	R2

Horizontal Rules

---

Result:

---

Collapsible Sections

<details>
<summary>Click to expand</summary>

Hidden content here.

</details>

Result:

Click to expand

This content is hidden until you click the summary.

• Item 1
• Item 2
• Item 3

Footnotes

Here's a sentence with a footnote[^1].

[^1]: This is the footnote content.

Result:

Here's a sentence with a footnote¹.

Definition Lists

Term 1
: Definition for term 1

Term 2
: Definition for term 2

Result:

Term 1 : Definition for term 1

Term 2 : Definition for term 2

Extended Formatting

==highlighted text==
H~2~O (subscript)
X^2^ (superscript)

Result: highlighted text, H2O, X²

HTML in Markdown

You can use HTML for advanced formatting:

<div align="center">
  <strong>Centered content</strong>
</div>

<kbd>Ctrl</kbd> + <kbd>C</kbd>

Result:

Press Ctrl + C to copy.

Tips for Better Markdown

• Be consistent with your formatting choices
• Use blank lines between elements for readability
• Preview often to catch issues early
• Keep it simple - Markdown's power is in its simplicity

Footnotes

1. This is the footnote content. ↩