# Markdown 101

# Intro

Markdown is a Markup language. Yeah. Weird. 
Let's understand what it means.
Markdown language is used create a formatted text document using particular syntax like a markup language like HTML.
Let's look at few most commonly used markdown syntax.

# Headings

"#" tag is used create headings. We can have up-to 6 levels of headings just like HTML.
Note: There should a space between the tag and the line itself, Like
`# Heading`
# Heading 1
## Heading 2
### Heading 3
#### Heading 4

# Line breaks
We can use two or more spaces or `br` tag
```
 lorem Ipsum line 1 <br>
 lorem Ipsum line 2
//some more lines
```
# Bold and Italics
We can wrap text with asterisk to *italicize* a word and double asterisk to **bold** them.
```
This a **bold** text
This is *Italics* 
//some more lines
```

# Lists
There are two types of lists :  

### Ordered list:
1. ordered list
2. ordered list

### Unordered list:
- item 1
- item 2


# Block  quotes
### Single line block quote
We can create block quotes by adding (>) in front of paragraph.
> This is an example of single block quote.

### Multiple line block quote
We can create multiple line block quote by adding the same (>), on blank lines in between paragraph
> This is an example of multiple line block quote. 

> Line 2 

### Nested block quote
Block quotes can be nested. Add a >> in front of the paragraph you want to nest.
> This is an example of  
>> nested line block quote.

# Code Blocks
To create code blocks, indent every line of the block by at least four spaces or one tab.
```
const whatIsThis = () => {
  console.log("Code block");
};
```

# Links
To create a link, enclose the link text in brackets (e.g., [test link]) and then follow it immediately with the URL in parentheses or `a` tag itself.

Checkout [Google](https://www.google.com) or <a href="https://www.facebook.com">Facebook</a>

# Images
You can add images by either `![image alt text](image link)` or `img` tag itself
<img src="https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2021/08/learn-coding-online-for-free.png" alt="drawing" style="width:200px;"/>


# Conclusion
This is my few words on markdown language.,Hope this help you to understand markdown language.