DEV Community

Cover image for Markdown write-up
bappasaha
bappasaha

Posted on

Markdown write-up

Learn Markdown

Youtube Channel

Table of Markdown content

Click on any topic to go there

  1. What is Markdown

  2. Heading

  3. Comment

  4. Text Formatting

  5. Escaping

  6. Blockquote

  7. Strikethrough

  8. Horizontal Line

  9. List

  10. Link

  11. Emoji

  12. Image

  13. Table

  14. Code Block

  15. Fancy Code Block

  16. Collapsible Content

  17. Check Box

  18. Keyboard Button

  19. Badge

  20. Mention

  21. Learning Links



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.



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⬆️



Comment Syntax of Markdown

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




Go to top⬆️



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 Bangladesh

We are learning markdown language

*Double underscore not work to bold

I love Bangladesh

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
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

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).

Go to top⬆️



Escaping Syntax of Markdown

\# Backslash escape to work

Example

# Backslash escape to work

- Backslash escape to work

\* Backslash escape to work

Go to top⬆️



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⬆️



Strikethrough Syntax of Markdown

~~Line cutted~~

Example

Line cutted

Go to top⬆️



Horizontal Line Syntax of Markdown

---
***
___

Example




Go to top⬆️



List Syntax of Markdown

Order list

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

Example

  1. Jubaer
  2. Mohammad
  3. Mitu
  4. Bizly

Unodder list

- Akter Hossain
* Arif Hossain
+ Korim Hossain

Example

  • Akter Hossain
  • Arif Hossain
  • Korim Hossain

Go to top⬆️



Link Syntax of Markdown

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

To know more about us visit [Darun IT]


Example

Link Text

To know more about us visit Darun IT

Go to top⬆️



Emoji Syntax of Markdown

:heart: you can copy only emoji 💬

Example

❤️ you can copy only emoji 💬

Go to top⬆️



Image Syntax of Markdown

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

Example

Darun IT 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

Go to top⬆️



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⬆️



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


Html code



Example

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

Go to top⬆️



Fancy Code Block of Markdown


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

Example

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

Go to top⬆️



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

About Jubaer Ahmad
Enter fullscreen mode Exit fullscreen mode

# His education

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

Go to top⬆️



Check Box Syntax of Markdown

- [ ] Check Box
- [x] Check Box

Example

  • [ ] Check Box
  • [x] Check Box

Go to top⬆️



Keyboard Button of Markdown

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

Example

To Select All: CTRL + A

Go to top⬆️



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

Go to top⬆️



Mention Syntax of Markdown

Use @ to mention a user on gitgub

Example

@jubaerahmad

Go to top⬆️



Learning Links of Markdown

Go to top⬆️





Top comments (0)