# Markdown Cheat sheet !

### What is Markdown ?
> Markdown is a way of writing content on the web. It makes it easy for the reader to read the content compared to if you write the same thing in plain text. In fact, even this blog is written using the markdown syntax.


Let's see some basics !

### 1. Heading

To make a text as heading you can add `#` before the text, followed by a `space`. You can add up to six `#` before the heading, which determines the size of the heading. If you increase the number of `#` then the heading size will decrease.

Example :

```markdown
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
```

Output :

![Capture.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658587164704/10yFrzgxW.PNG align="left")

> Note : The space after the # is very important else it will not work.

### 2. Bold

To make the text bold you can surround it with two `*` asterisks or two `_` underscores at the start and end of the text.

Example :

```markdown
Normal text

**Bold using two asterisks at start and end**

__Bold using two underscores at start and end__
```

Output :

![Bold.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658587802914/vQA-eqJ-K.PNG align="left")

### 3. Italic

To make the text Italic you can surround it with one `_` underscore at the start and end of the text.

Example :

```markdown
Normal Text
_Italic_
```

Output :

![Italic.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658588088410/vjcGpyjOf.PNG align="left")

### 4. Strike through

To make the text Italic you can surround it with two `~` at the start and end of the text.

Example :

```markdown
~~999~~ 699
```

Output :

![strike.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658588322501/yYuW-VHUc.PNG align="left")

### 5. List - Ordered & Unordered

Example :

```markdown
Ordered List :

1. One
2. Two
3. Three
   1. Sublist - One
   2. Sublist - Two

Unordered List

- One
- Two
- Three

  - Sublist - One
  - Sublist - Two
```

Output :

![list.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658588550689/w-Pn8la2u.PNG align="left")

> Note : Notice the `Sublist - One` &  `Sublist - Two` they are created just by adding a `Tab` space.


### 6. Code Snippets 

Add code snippets using three backquote sign at the top and bottom of the code snippet and if you want to add inline code then just add one backquote sign surrounding the text.

Example :

![code1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658589513575/SI2YisidV.PNG align="left")

Output :

![Code2.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658589530299/OOdtd1YsM.PNG align="left")


### 7. Links

Links can be added in different ways :
- Link with text
- Link with web image
- Link with local image

Example :

![link1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658590231138/DMhUMA8uC.PNG align="left")

Output :

![link2.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658590242737/vvNBQyjU3.PNG align="left")

> For Local Image : `![Local Image](./localImage.png)`

### 8. Quoting text
You can quote a text with a `>`.

Example :

![quote1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658591650602/35lX6CbMx.PNG align="left")

Output :

![quote2.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658591661002/SHircj-0N.PNG align="left")


### 9. Tables

Creating a table includes a lot of `|` and `-`

Example :
![table1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658591422114/RU5c7X3bM.PNG align="left")

Output : 
![table2.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658591434360/1R298Dgqu.PNG align="left")


----------------------------------------------------------------------------------------------

That's it for this blog. I hope you have learnt something from it.

Happy coding. Thank you !