# Markdown Cheat Sheet

By Web Dev Simplified https://courses.webdevsimplified.com

Elements
Name Markdown Example/HTML Output
> This is a quote
This is a quote
Block Quote >

>> Nested quote Nested quote

œ Firs” ¸¤ Firs²
Ordered List ™œ Second
¯¤ Second

1. Numbers
1. Numbers

1. Don’t matter 2. Don’t matter

* Asterisks
ô Asteriskê
* List
ô Lis²
* Nested

ô Nesteó
Unordered List
+ Can also use plus sign

ô Can also use plus sigã

- Can also use dash ô Can also use dash

Images 
<img src=”https://a.com” alt=”Alt” />

 <img src=”/img.jpg” alt=”Relative” />

Checklist
- [ ] Must include space
Must include space
Extended - [x] Completed ✓ Completed

| Name | Age |
Name Age
| ----- | --- |

| Kyle | 28 |
Kyle 28
| Sally | 45 |

Sally 45
Tables

Extended
| Right | Center | Left |
Right Center Left
| ----: | :----: | :--- |
Kyle 28 Hi
| Kyle | 28 | Hi |

| Sally | 45 | Bye | Sally 45 Bye

Basic Text Elements
Name Markdown HTML Output
# Head 1
<h1>Head 1</h1>

## Head 2
<h2>Head 2</h2>

Headings
### Head 3 {#my-id}
<h3 id=”my-id”>Head 3</h3>

Ids only allowed in

extended markdown #### Head 4
<h4>Head 4</h4>

##### Head 5
<h5>Head 5</h5>

<h6>Head 6</h6>
###### Head 6

Will be same

paragraph
<p>Will be same paragraph if only
one new line used</p>

Paragraphs if only one new line used

<p>New paragraph if two or more new

New paragraph if two or lines are used</p>
more new lines are used

Two spaces␣␣
<p>Two spaces<br />

Line Breaks at end of line will make at end of line will make a line
a line break break</p>

<a href=”https://url.com”>Label</a>

<a href=”/other-page”>Relative</a>

[Label](https://url.com)
<a href=”#my-id”>Id</a>

Links
[Relative](/other-page)
<a href=”https://url.com”>

Automatic linking (last

example) only allowed [Id](#my-id)
https://url.com

in extended markdown <https://url.com>

</a>

<a href=”https://extended.com”>

https://extended.com https://extended.com

</a>

Needs new lines between

---

Needs new line between

<hr />

Can use asterisks or Can use asterisks or

underscores

underscores

Horizontal Rule
***

<hr />

Must use at least 3 but can

Must use at least 3 but use more

can use more

<hr />
________
Text Styling
Name Markdown Example Output
This is **bold**

This is __also bold__
 This is bold

Bold This is also bold

Use as**teris**ks for mid Use asterisks for mid word bolding
word bolding
This is *italic*

This is _also italic_
 This is italic

Italics This is also italic

Use as*teris*ks for mid Use asterisks for mid word italics
word italics
This is ***both***

This is ___also both___
This is both

Italics/Bold Any combo for __*both*__
 This is also both

Any combo for both

Use as***teris***ks for Use asterisks for mid emphasis

mid word emphasis
Strikethrough
This is ~~crossed out~~ This is crossed out
Extended

Highlight
This is ==highlighted== This is highlighted
Extended

Subscript
H~2~0 H2 0
Extended

Superscript
x^2^ X2
Extended

Emoji
I am happy :smile: I am happy
Extended

Code
Name Markdown HTML Output

Inline Code JS Variable: `let x = 1` JS Variable: <code>let x = 1</code>

Code Block

Technically this is
only supported with <pre>

extended markdown ```js

<code>

but it should work

everywhere. Labeling const x = 3
const x = 3

the language (js in

our case) is not as
let y = 4
let y = 4

</code>

widely supported, ```

but will give syntax </pre>
highlighting where
supported.