Markdown Cheatsheet

Headings

Markdown:

# H1
## H2
### H3
#### H4
##### H5
###### H6

HTML Output (Preview):

H1

H2

H3

H4

H5
H6
Emphasis

Markdown:

**Bold text** or __Bold text__

*Italic text* or _Italic text_

~~Strikethrough~~

HTML Output (Preview):

Bold text or Bold text

Italic text or Italic text

Strikethrough

Blockquotes

Markdown:

> This is a blockquote.

> > This is a nested blockquote.

HTML Output (Preview):

This is a blockquote.

This is a nested blockquote.

Lists

Markdown:

Ordered List:
1. First item
2. Second item
3. Third item

Unordered List:
- Item A
- Item B
  - Sub-item B1
  - Sub-item B2
- Item C

Task List:
- [x] Completed task
- [ ] Incomplete task

HTML Output (Preview):

Ordered List:

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

Unordered List:

  • Item A
  • Item B
    • Sub-item B1
    • Sub-item B2
  • Item C

Task List:

  • Completed task
  • Incomplete task
Code

Markdown:

Inline `code` with backticks.

```javascript
// JavaScript code block
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet('World');
```

HTML Output (Preview):

Inline code with backticks.

// JavaScript code block
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet('World');
Links

Markdown:

[MarkdownBuddy Home](/) 

[External Link](https://www.example.com)

[Link with Title](https://www.example.com "Example Domain")
Images

Markdown:

![Placeholder Image](https://placehold.co/300x200.png "Image title")
<p class="text-xs text-muted-foreground text-center" data-ai-hint="technology computer">A placeholder image with a title.</p>

HTML Output (Preview):

Placeholder Image

A placeholder image with a title.

Tables

Markdown:

| Header 1 | Header 2 | Header 3 |
| :------- | :------: | -------: |
| Align L  | Center   | Align R  |
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

HTML Output (Preview):

Header 1Header 2Header 3
Align LCenterAlign R
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Horizontal Rule

Markdown:

---
***
___

HTML Output (Preview):