Markdown Cheat Sheet

Markdown Cheat Sheet

This interactive Markdown cheat sheet provides a quick overview of all Markdown syntax elements with both code and rendered output side by side. For more detailed information, refer to the reference guides for basic syntax and extended syntax.

Basic Syntax

These are the elements outlined in John Gruber's original design document. All Markdown applications support these elements.

Headings

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

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraphs
First paragraph. Text is separated by a blank line.

Second paragraph. *Italic*, **bold**, and `monospace`. Itemized lists
look like:
  * this one
  * that one
  * the other one

First paragraph. Text is separated by a blank line.

Second paragraph. Italic, bold, and monospace. Itemized lists look like:

  • this one
  • that one
  • the other one
Bold
**Bold text**
__Bold text__

Bold text Bold text

Italic
*Italic text*
_Italic text_

Italic text Italic text

Bold and Italic
***Bold and italic text***
___Bold and italic text___
__*Bold and italic text*__
**_Bold and italic text_**

Bold and italic text Bold and italic text Bold and italic text Bold and italic text

Blockquote
> This is a blockquote
> 
> It can span multiple lines

> Nested blockquotes are also possible
> > Like this one

This is a blockquote

It can span multiple lines

Nested blockquotes are also possible

Like this one

Ordered List
1. First item
2. Second item
3. Third item
   1. Indented item
   2. Indented item
4. Fourth item
  1. First item
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item
Unordered List
- First item
- Second item
- Third item
  - Indented item
  - Indented item
- Fourth item

* Alternative syntax
* Using asterisks
* Instead of hyphens
  • First item
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item
  • Alternative syntax
  • Using asterisks
  • Instead of hyphens
Inline Code
Use `code` in the middle of a sentence.

Use code in the middle of a sentence.

Horizontal Rule
Three or more hyphens

---

Three or more asterisks

***

Three or more underscores

___

Three or more hyphens


Three or more asterisks


Three or more underscores


Link
[MDUtil](https://mdutil.com)

[MDUtil with Title](https://mdutil.com "MDUtil's Homepage")

[Reference-style link][reference]

[reference]: https://mdutil.com
Image
![MDUtil Logo](/images/example-image.png)

![MDUtil Logo with title](/images/example-image.png "MDUtil Logo")

MDUtil Logo

MDUtil Logo with title

Extended Syntax

These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.

Table
| Syntax | Description | Example |
| ----------- | ----------- | ------- |
| Header | Title | Header |
| Paragraph | Text | Content |
| List | Bullet points | • Item |

| Alignment | Left-aligned | Center-aligned | Right-aligned |
| --- | :--- | :---: | ---: |
| Example | Left | Center | Right |
| Values | Left | Center | Right |
SyntaxDescriptionExample
HeaderTitleHeader
ParagraphTextContent
ListBullet points• Item
AlignmentLeft-alignedCenter-alignedRight-aligned
ExampleLeftCenterRight
ValuesLeftCenterRight
Fenced Code Block
```javascript
function hello() {
  console.log("Hello, world!");
}

// Comment
hello();
```

```python
def hello():
    print("Hello, world!")
    
# Comment
hello()
```
function hello() {
  console.log("Hello, world!");
}

// Comment
hello();
def hello():
    print("Hello, world!")
    
# Comment
hello()
Footnote
Here's a sentence with a footnote. [^1]

[^1]: This is the footnote content.

Text can have multiple footnotes [^2] [^3] as needed.

[^2]: Footnote 2 content.
[^3]: Footnote 3 content.

Here's a sentence with a footnote. 1

Text can have multiple footnotes 2 3 as needed.

Footnotes

  1. This is the footnote content.

  2. Footnote 2 content.

  3. Footnote 3 content.

Heading ID
### My Heading {#custom-id}

My Heading {#custom-id}

Definition List
First Term
: Definition for first term.

Second Term
: Definition for second term.

First Term : Definition for first term.

Second Term : Definition for second term.

Strikethrough
~~Strikethrough text~~

Strikethrough text

Task List
- [x] Write the introduction
- [x] Create examples
- [ ] Make interactive components
- [ ] Add more documentation
  • Write the introduction
  • Create examples
  • Make interactive components
  • Add more documentation
Emoji
:smile: :+1: :rocket: :octocat:

:smile: :+1: :rocket: :octocat:

Highlight
I need to ==highlight== this text.

I need to ==highlight== this text.

Subscript
H~2~O is the chemical formula for water.

H2O is the chemical formula for water.

Superscript
2^10^ equals 1024.

2^10^ equals 1024.

Markdown Tools

MDUtil offers several free Markdown tools to help you work with Markdown: