Markdown Cheatsheet

What is Markdwon ?

Markdown is a lightweight markup language with plain-text-formatting syntax. Its design allows it to be converted to many output formats, but the original tool by the same name only supports HTML. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor. click here more info

Table of Content

Headers

Bold

Emphasis

Strikethrough

Lists

Links

Images

Code Block

Table

Blockquotes

Horizontal Rule

HTML into Markdown

Markdown into HTML

---

Headers

Code:

# h1

## h2

### h3

#### h4

##### h5

###### h6

Output:

h1

h2

h3

h4

h5

h6

Paragraph

Code:

i am paragraph.
do not take saparate paragraph

take new line for separate paragraph

Output:

i am paragraph. do not take saparate paragraph

take new line for separate paragraph

back to top

Bold

i am **Bold**

Output:

i am Bold

back to top

Emphasis

Code:

i am *emphasis*

or

i am _emphasis_

Output:

i am Emphasis

or

i am Emphasis

back to top

Strikethrough

Code:

i am ~~Strikethrough~~

Output:

i am Strikethrough

back to top

Lists

Unordered Lists

Code:

- i am unorderd list
- i am unorderd list
- i am unorderd list

Output:

• i am unorderd list
• i am unorderd list
• i am unorderd list

Nested Unorderd Lists

Code:

- i am unorderd list
  - i am nested unorderd list
  - i am nested unorderd list
- i am unorderd list
- i am unorderd list

Output:

• i am unorderd list
  • i am nested unorderd list
  • i am nested unorderd list
• i am unorderd list
• i am unorderd list

Note: you can also use * or +

Orderd List

Code:

1. i am orderd list
1. i am orderd list
1. i am orderd list

Output:

1. i am orderd list
2. i am orderd list
3. i am orderd list

Nested Orderd List

Code:

1. i am orderd list
   1. i am orderd list
   1. i am orderd list
1. i am orderd list
1. i am orderd list

Output:

1. i am orderd list
   1. i am orderd list
   2. i am orderd list
2. i am orderd list
3. i am orderd list

back to top

Links

Code:

i am inline link

<https://www.google.com/>

i am link with title and tooltip

[google.com](https://www.google.com/, "this is tooltip")

i am link without title and tooltip

[google.com](https://www.google.com/)

i am link use reference

[google.com][1]

[youtube.com][youtube]

[1]: https://www.google.com
[youtube]: https://www.youtube.com/

OutPut:

i am inline link

https://www.google.com

or

https://www.google.com

i am link with title and tooltip

this is title

i am link without title and tooltip

this is title

i am link use reference

this is title

i am link use number reference

this is title

back to top

Images

Code:

![this is image alt txt](https://source.unsplash.com/random/200x150)

![this is image alt txt][thisisreference]

image use into link and reference big image

[![this is small image][smallimage]][fullimage]

[thisisreference]: https://source.unsplash.com/random/250x150
[smallimage]: https://source.unsplash.com/random/30x30
[fullimage]: https://source.unsplash.com/random/500x500

Output:

image use into link and reference big image

back to top

Code Block

Code:

```javascript
var javaScript = "javascript txt highlight";
console.log(javaScript);
```

```
  var javaScript = "you don't select language, so no syntex highlight";
  console.log(javaScript);
```
inline code `var x = "inline code";`

Output:

var javaScript = "javascript txt highlight";
console.log(javaScript);

  var javaScript = "you don't select language, so no syntex highlight";
  console.log(javaScript);

inline code var x = "inline code";

back to top

Table

Code:

| heading1   |   heading2   |    heading3 |
| :--------- | :----------: | ----------: |
| align left | align center | align right |
| align left | align center | align right |

Output:

heading1	heading2	heading3
align left	align center	align right
align left	align center	align right

back to top

Blockquotes

Code:

> i am blockquote

> blockqoute separate new line

> Markdown is a lightweight markup language with plain-text-formatting syntax. Its design allows it to be converted to many output formats, but the original tool by the same name only supports HTML. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

Output:

i am blockquote

blockqoute separate new line

Markdown is a lightweight markup language with plain-text-formatting syntax. Its design allows it to be converted to many output formats, but the original tool by the same name only supports HTML. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

back to top

Horizontal Rule

Code:

use \*\*\* or --- or \_\_\_ three time or more then three time

use new line before Hyphens

---

Asterisks

***

Underscores

___

Output:

use *** or --- or ___ three time or more then three time

use new line before Hyphens

---

Asterisks

---

Underscores

---

back to top

HTML into Markdown

Code:

you can use HTML into markdown

[<img src="https://source.unsplash.com/random/50x50">](https://source.unsplash.com/random/500x500)

Output:

you can use HTML into markdown

back to top

Markdown into HTML

Code:

  <p>you can not use *Markdown* into **HTML** <p>

Output:

you can not use *Markdown* into **HTML**

back to top