Markdown write-up
Published: 2023-04-03 04:36:56

# Learn Markdown

[![Youtube Channel](https://img.shields.io/badge/Bappa%20M1-Subscribe-red)](https://www.youtube.com/watch?v=ov5eTtZuQLI "My youtube Channel")

[//]: # (Table of Content)

<a name="top"></a>

## Table of Markdown content

>Click on any topic to go there

1. [What is Markdown](#markdown)

1. [Heading](#heading)

1. [Comment](#comment)

1. [Text Formatting](#textformat)

1. [Escaping](#escap)

1. [Blockquote](#quote)

1. [Strikethrough](#strike)

1. [Horizontal Line](#horiline)

1. [List](#list)

1. [Link](#link)

1. [Emoji](#emoji)

1. [Image](#image)

1. [Table](#table)

1. [Code Block](#codeb)

1. [Fancy Code Block](#fcodeb)

1. [Collapsible Content](#collap)

1. [Check Box](#check)

1. [Keyboard Button](#btn)

1. [Badge](#badge)

1. [Mention](#mention)

1. [Learning Links](#learning)

---
***


[//]: # (What is Markdown)

<a name="markdown"></a>

# What is Markdown?

Markdown is the formatting elements to plaintext text documents.Markdown documents are readable without tags. Behind the seen it has been converted to html. It use to style text,list, table etc.You can consider markdown as regular text.

---
___

<!-- What is Markdown End -->


[//]: # (Heading Syntax)

<a name="heading"></a>



# Heading Syntax of Markdown

```
###### Heading-6
##### Heading-5
#### Heading-4
### Heading-3
## Heading-2
# Heading-1
```
**Example of markdown heading**

###### Heading-6
##### Heading-5
#### Heading-4
### Heading-3
## Heading-2
# Heading-1

```
You can use this heading-1 syntax
=================================
```
**Example**

You can use this heading-1 syntax
=================================

```
You can use this heading-2 syntax
---------------------------------
```
**Example**

You can use this heading-2 syntax
---------------------------------

[Go to top:arrow_up: ](#top)

***
***
<!-- Heading Syntax End -->

[//]: # (Comment syntax)

<a name="comment"></a>

# Comment Syntax of Markdown

```
[//]: # (This is recommended Comment Syntax)

[comment]: <> (You can use this comment syntax)

[//]: <> (This is another comment syntax)
```

[Go to top:arrow_up: ](#top)

---
---
<!-- Comment Syntax End -->

[//]: # (Text Formatting Syntax)

<a name="textformat"></a>

# Text Formatting Syntax of Markdown
## Bold text
```
**Bold text with 2 stars in both side**
__Bold text with 2 underscore in both side__
```
### Example

**This is Bold text example with 2 stars**

__This is Bold text example with 2 underscore__

I love **B**angladesh

We are learning **markdown** language

> *Double underscore not work to bold

I love __B__angladesh

## Italic Text
```
*Italic text with 1 star in both side*
_Italic text with 1 underscore in both side_
```
### Example

*This is Bold text example with 2 stars*

_This is Bold text example with 2 underscore_

## Bold & Italic at a time
```
***Bold italic text Syntax***

___Bold italic text Syntax___

*__Bold italic text Syntax__*

_**Bold italic text Syntax**_
```
### Example

***Bold italic text***

___Bold italic text___

*__Bold italic text__*

_**Bold italic text**_

## Paragraph
**Line Breack**

The world's eighth largest country in population Bangladesh , although the size of small islands <br></br> city-states after the 9 th 6 of the world's most densely populated country, Bangladesh . With an estimated population (2016) of this small country of less than 56,000 square miles,

the population is more than 160 million, or 279 people per square mile (1115 people per square kilometer).

**Way to center text**

<p align="center">
The world's eighth largest country in population Bangladesh , although the siaze of small islands and city-states after the 9 th 6 of the world's most densely populated country, Bangladesh . With an estimated population (2016) of this small country of less than 56,000 square miles, the population is more than 160 million, or 279 people per square mile (1115 people per square kilometer).
</p>


[Go to top:arrow_up: ](#top)

___
___
<!-- Text Formatting Syntax End -->

[//]: # (Escaping Syntax)

<a name="escap"></a>

# Escaping Syntax of Markdown

```\# Backslash escape to work```

**Example**

\# Backslash escape to work

\- Backslash escape to work

\\* Backslash escape to work

[Go to top:arrow_up: ](#top)

---
---
<!-- Escaping Syntax End -->


[//]: # (Blockquote Syntax)

<a name="quote"></a>

# Blockquote Syntax of Markdown

>This is blockquote
>>Inside the Parent
>>> Inside the 2nd parent
>
>This is blockquote
>>Inside the parent
>>>Inside the 2nd parent

>One line gap to create new blockquote

[Go to top:arrow_up: ](#top)

***
___
<!--Blockquote Syntax End  -->

[//]: # (Strikethrough Syntax)

<a name="strike"></a>

# Strikethrough Syntax of Markdown

```
~~Line cutted~~
```
**Example**

~~Line cutted~~

[Go to top:arrow_up: ](#top)
___
***
<!-- Strikethrough Syntax End -->

[//]: # (Horizontal Line Syntax)

<a name="horiline"></a>

# Horizontal Line Syntax of Markdown

```
---
***
___
```
**Example**

---
***
___

[Go to top:arrow_up: ](#top)

---
***

<!-- Horizontal Line Syntax End-->

[//]: # (List Syntax)

<a name="list"></a>

# List Syntax of Markdown

**Order list**

```
1. Jubaer
1. Mohammad
1. Mitu
1. Bizly
```
**Example**

1. Jubaer
1. Mohammad
1. Mitu
1. Bizly

**Unodder list**

```
- Akter Hossain
* Arif Hossain
+ Korim Hossain
```

**Example**

- Akter Hossain
* Arif Hossain
+ Korim Hossain

[Go to top:arrow_up: ](#top)
___
***
<!-- List Syntax End -->

[//]: # (Link Syntax)

<a name="link"></a>

# Link Syntax of Markdown

```
[Link Text](https://www.darunit.com "Visit Boos")

To know more about us visit [Darun IT]

[Darun IT]: https://www.darunit.com "Visit"
```
**Example**

[Link Text](https://www.darunit.com "Visit Boos")

To know more about us visit [Darun IT]

[Darun IT]: https://www.darunit.com "Visit"


[Go to top:arrow_up: ](#top)
___
***
<!-- Link Syntax End -->

[//]: # (Emoji Syntax)

<a name="emoji"></a>

# Emoji Syntax of Markdown

```
:heart: you can copy only emoji 💬
```
**Example**

:heart: you can copy only emoji 💬

[Go to top:arrow_up: ](#top)

***
---
<!-- Emoji Syntax End -->


[//]: # (Image Syntax)

<a name="image"></a>

# Image Syntax of Markdown

```
![Darun IT Logo](logo.png "Logo")
```

**Example**

![Darun IT Logo](logo.png "Logo")

**Linkable Image**
```
[![Darun IT Logo](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZVBxXXB2ET_ZNUuNzOE7mvx1fnYOSiUmPzA&usqp=CAU "Download Icon")](https://www.fb.com "Click to download")
```

**Way to center image**

<p align="center">
<img src="logo.png" width="60%" align="">
</p>

[Go to top:arrow_up: ](#top)

---
***
<!-- Image Syntax End -->

[//]: # (Table Syntax)

<a name="table"></a>

# Table Syntax of Markdown

```
No | Icon | Shortcode
---|------|----------
01 | ❤️  | `:heart:`
02 | 👁️‍🗨️  | `:eye_speech_bubble:`
03 | 👍  | `:+1:`
```
**Example**

No | Icon | Shortcode
---|------|----------
01 | ❤️  | `:heart:`
02 | 👁️‍🗨️  | `:eye_speech_bubble:`
03 | 👍  | `:+1:`

[Go to top:arrow_up: ](#top)
___
***
<!-- Table Syntax End -->

[//]: # (Code Block Syntax)

<a name="codeb"></a>

# Code Block Syntax of Markdown

**Inline Code Block**

```
This is a variable `let name = "Jubaer"`
```
##### Example

This is a variable `let name = "Jubaer"`

**Multi Line Code Block**

```
```Use 3 backtick for multi line code block
<body>
        <h1>Html code</h1>
</body>```
```

**Example**

```
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}
```

[Go to top:arrow_up: ](#top)

___
***
<!-- Code Block Syntax End -->

[//]: # (Fancy Code Block)

<a name="fcodeb"></a>

# Fancy Code Block of Markdown

```
```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}```
```
**Example**

```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}
```
[Go to top:arrow_up: ](#top)

___
***
<!-- Fancy Code Block End -->

[//]: # (Collapsible Content)

<a name="collap"></a>

# Collapsible Content of Markdown

```
<details>
    <summary>About Jubaer Ahmad</summary>

 # His education

 Jubaer Ahmad is a full stack web developer.
 He love to teach people, he is expart in javascript, php and markdown 
</details>
```

**Example**

<details>
    <summary>About Jubaer Ahmad</summary>

 # His education

 Jubaer Ahmad is a full stack web developer.
 He love to teach people, he is expart in javascript, php and markdown 
</details>

[Go to top:arrow_up: ](#top)
___
---
<!-- Collapsible Content End -->

[//]: # (Check Box Syntax)

<a name="check"></a>

# Check Box Syntax of Markdown

```
- [ ] Check Box
- [x] Check Box
```

**Example**

- [ ] Check Box
- [x] Check Box

[Go to top:arrow_up: ](#top)

***
---
<!-- Check Box End -->

[//]: # (Keyboard Button)

<a name="btn"></a>

# Keyboard Button of Markdown

```
To Select All: <kbd>CTRL</kbd> + <kbd>A</kbd>
```
**Example**

To Select All: <kbd>CTRL</kbd> + <kbd>A</kbd>

[Go to top:arrow_up: ](#top)

---
***
<!-- Keyboard Button End -->


[//]: # (Badge Syntax)

<a name="badge"></a>

# Badge Syntax of Markdown

```
[![Youtube Channel](https://img.shields.io/badge/Darun%20IT-Subscribe-red)](https://www.youtube.com/darunit "My youtube Channel")
```
**Example**

[![Youtube Channel](https://img.shields.io/badge/Darun%20IT-Subscribe-red)](https://www.youtube.com/darunit "My youtube Channel")


[Go to top:arrow_up: ](#top)
___
---
<!-- Badge Syntax End -->

[//]: # (Mention Syntax)

<a name="mention"></a>

# Mention Syntax of Markdown

> Use @ to mention a user on gitgub

**Example**

@JubaerAhmad

[Go to top:arrow_up: ](#top)

---
---
<!-- Mention Syntax End -->

[//]: # (Learning Links)

<a name="learning"></a>

# Learning Links of Markdown

- [Markdown Video in bangla](https://youtu.be/7TWhI3kemVM)

- [Bangla Cheat Sheet](https://devsonket.com/markdown/)

+ [Emoji Link](https://github.com/JubaerAhmad/gitgub-emoji#table-of-contents)

* [Mastering Markdown](https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown)

- [Badge Website Link](https://shields.io/)

- [Markdown Online Editor](https://stackedit.io/)

- [Diagram Website Link](https://mermaid-js.github.io/mermaid/#/)

- [README.MD Stats Link](https://github.com/anuraghazra/github-readme-stats)
- [Visualizing-Git](https://git-school.github.io/visualizing-git/)

[Go to top:arrow_up: ](#top)

---
---
<!-- Learning Links End -->



---
***