Complete Guideline “The use of Markdown”

About Markdown

Why do we need as a developer ***

Let’s start ***

When you install this extension, it will helps more to saving your times

Some important markdown lists that we can use all the time

  • How to make a command
  • Heading
  • Normal text & New line
  • Horizental rule
  • Italic & Bold
  • Strikethrough
  • Inline code block
  • Multiple line code block
  • List (Ordered list & Unordered list)
  • Link (Direct link & Link with some title)
  • Image & Emoji
  • Table

Command

<!--This is command tag--> 

Heading

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

Normal Text & New Line

Normal Text
This is normal line
<p>This is normal line</p>
Line Break
paragraph First Line <br /> Second Line
or
First Line sentence \
Second Line sentence

Horizental Rule

***

---

Italic & Bold

_This is italic tag in markdown_**This is bold tag in markdown****_This is italic & bold text at a time_**.

Blockquotes

> Use this symble to use blockquotes in any text 

Inline Code Block

`This is inline code example`

Multiple Line Code Block***

```
function myFunction(p1, p2) {
return p1 * p2;
}
```
```javascript  //here javascript is a language name, you can use    your spacific language what you want to formate  function myFunction(p1, p2) {
return p1 * p2;
}
```
```css
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 4s;
}
```
1. First item
2. Second item
3. Third item
4. Fourth item
- First item
- Second item
- Third item
- Fourth item
- List item-1
- list item-1.1
- list item-1.1.1
- list item-1.1.2
- list item-1.2
- list item-1.3
- List item-2
- List item-3
- List item-4
- List item-5

Task***

- [x] Task -1 <!--This is completed task-->
- [x] Task -2
- [ ] Task -3 <!--This is incomplete task-->
- [x] Task -4
Complete & Incomplete task example

Image***

![alt text](image source) //Image Syntax ![profile](./image/Screenshot_1.png) //you can use local image or![profile](https://github.com/ma-foyez/git-markdown/raw/master/image/Screenshot_1.png) //you can use direct image url
<img src="./image/Screenshot_1.png" height="300" width="220" />

Table

 | Name | Roll | Registration | Email
| ----- | ------ | ------- | -------- |
| Irfan | 123156 | 858694 | irfan@gmail.com |
| Abraul| 565626 | 785659 | abraul.ctg@gmail.com |
| Morshed | 562656596 | 858694 | morshed.alam@gmail.com |
| Fayez | 565626 | 785659 | mafoyez.bd@gmail.com |
//table column will be automatic formated after add data

Emoji

- :computer: I enjoy too much learning new tech up to day.
  1. Direct Emoji List
  2. Short Codes Emoji

--

--

--

Frontend Developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Sneakers & Sinatra

Unity Development — Animated Tiles

5 Current Technologies System Integrator Should Be Aware of in 2022

CONNECT TO SQL SERVER WITH PYTHON

Announcing: M3O — A Micro services development platform

Common Terminal Commands Any Beginner Should Know!

Typing “ls -l” In the Shell

API Testing with Insomnia

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
M.A Fayez

M.A Fayez

Frontend Developer

More from Medium

Merit in Education — Essential for Loudoun VA Economic Development

Struggle, Prevail and Triumph

The 5 Best Directorial Debuts of 2021

The ASREP attack, what it is, & do you need to worry about it