TypeOverflow

Cover image for Markdown cheatsheet
Tyler Chipman for TypeOverflow

Posted on • Updated on

Markdown cheatsheet

Markdown Cheat Sheet

This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, 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.

Heading

H1

H2

H3

# H1
## H2
### H3
Enter fullscreen mode Exit fullscreen mode

Bold

bold text

**bold text**
Enter fullscreen mode Exit fullscreen mode

Italic

italicized text

*italicized text*
Enter fullscreen mode Exit fullscreen mode

Blockquote

blockquote

> blockquote
Enter fullscreen mode Exit fullscreen mode

Ordered List

  1. First item
  2. Second item
  3. Third item
1. First item
2. Second item
3. Third item
Enter fullscreen mode Exit fullscreen mode

Unordered List

  • First item
  • Second item
  • Third item
- First item
- Second item
- Third item
Enter fullscreen mode Exit fullscreen mode

Code

code

`code`
Enter fullscreen mode Exit fullscreen mode

Horizontal Rule


---
Enter fullscreen mode Exit fullscreen mode

Link

Markdown Guide

[Markdown Guide](https://www.markdownguide.org)
Enter fullscreen mode Exit fullscreen mode

Image

alt text

![alt text](https://typeoverflow.com/uploads/articles/vc2wj83dwjr54v94e9dq.png)
Enter fullscreen mode Exit fullscreen mode

Extended Syntax

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

Table

Syntax Description
Header Title
Paragraph Text
| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |
Enter fullscreen mode Exit fullscreen mode

Fenced Code Block

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
Enter fullscreen mode Exit fullscreen mode
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
Enter fullscreen mode Exit fullscreen mode

Footnote

Here's a sentence with a footnote. 1

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

[^1]: This is the footnote.
Enter fullscreen mode Exit fullscreen mode

Heading ID

My Great Heading {#custom-id}

### My Great Heading {#custom-id}
Enter fullscreen mode Exit fullscreen mode

Definition List

term
: definition

term
: definition
Enter fullscreen mode Exit fullscreen mode

Strikethrough

The world is flat.

~~The world is flat.~~
Enter fullscreen mode Exit fullscreen mode

Task List

  • [x] Write the press release
  • [ ] Update the website
  • [ ] Contact the media
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
Enter fullscreen mode Exit fullscreen mode

Emoji

That is so funny! 😂

:joy:
Enter fullscreen mode Exit fullscreen mode

(See also Copying and Pasting Emoji)

Highlight

I need to highlight these ==very important words==.

I need to highlight these ==very important words==.
Enter fullscreen mode Exit fullscreen mode

Subscript

H~2~O

H~2~O
Enter fullscreen mode Exit fullscreen mode

Superscript

X^2^

X^2^
Enter fullscreen mode Exit fullscreen mode

  1. This is the footnote. 

Latest comments (0)