Everything you need to know about Markdown
Tags: webdev, javascript, beginners, programming
Published: 2022-06-21 06:05:00

# Introduction
Markdown is a lightweight markup language that is used for creating and formatting text using a plain-text editor. Markdown is the fastest and easiest way to format plain text using special markdown characters like hashtags, dashes, underscores, etc. 
We can also create code blocks, headers, lists, and other things with the help of markdown. Markdown is the best way to explain and describe the working flow of the project. 

The GitHub projects or while creating a GitHub repository need to create a Readme file which basically uses a markdown to write a markdown is not only use for writing a readme file but the most popular blogging platforms provide features for users to use markdown for writing a blog. It's very important to know how to use markdown as a developer or as a technical person.

**1.Headings:** Headings are used to declare the title of the document, there are six heading tags are available in the markdown from #h1, #h2, #h3,#h4,#h5 and #h6.

// Heading 1
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/26aa2gz47qxn1zd8617g.png)

#Hashnode


**2.Bold Text**: Formatting text is pretty easy in markdown if you want to make text bold then simply use **inside text** and for italic _inside text_ and if you want to make text bold with italic then used ***inside text*** and it's done.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s7k07sb3qqn3u87pej2u.png)
 

**Hashnode with bold text**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tyaymq641120g0jzjmac.png)
 

***Hashnode with bold & italic text***

**3.Blockquote:** Blockquote is used to show an essential section of the document or file. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0imdzo1t8y7degg0366p.png)
 
>Hashnode is an awesome platform





**4.Strikethrough:** It is used to show mistaken text in the document or process which is not important to follow and to use strikethrough used ~~hashnode~~

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8wt6q2ms0uz4n7bi8bg5.png)
 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3f4eseshz1ltps7cg6yd.png)
 



**5.Lists**: Lists are used to show steps or instructions to follow step by step and lists are two types ordered lists and unordered lists easy-to-use lists in markdown. Example of an ordered list

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bhgljclwg9j7hrp6movl.png)
 

output 

1.  Item 1
2. Item 2
3. Item 3









**6.Unordered List**: There are multiple ways to create an unordered list you can use a dash(-), an asterisk(*), and (+) to create an unordered list.
Example

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fyyofk24jx00k1vr2sjh.png)
 

Output

. Item 1  <br>
. Item 2  <br>
. Item 3







**7.Links with Title:**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eewv8yblp9gisfzng3f7.png)
 

[Visi to my Hashnode Profile](https://hashnode.com/@patilganesh1010)

**Image with Link**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gqr484ut48mrstec0zyv.png)
 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d4g2uj3b246mnver9of3.png)
 




**8.Code Blocks:**
Code blocks are used to create code snippets it will help the user to understand the code as compared to explaining code with only text to create code blocks using backticks(``` code ```)for single-line code used ( singe line `code` here ).

Create Code blocks

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d8urx3n3oawey766utt2.png)
 


```
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
	<script src="index.js"></script>
  </body>
</html>
```


Code block with Syntax highlighting 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rk6ibjk9xgo129xfbrop.png)
 
 

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
	<script src="index.js"></script>
  </body>
</html>
```



you need to specify the language you want to use as per above example I specified the html language you can choose as per your requirements.

**9.Tables**
Tables are used to describe data in form of rows and columns and how to create them in markdown let's see with the example is given below


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zebbtjrp5mvpoz67hmuy.png)
 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/evdl6veuwgep4kd3pbmx.png)
 



Note: At least 3 dashes separate each header cell.

**10.Task Lists**
By keeping such a list, you make sure that your tasks are written down all in one place so you don't forget anything important. 
	
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o4bdp1fav14jqstl2m55.png)
 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpactz0rd3pxj8v0075b.png)
 








That’s all about markdown there are much more things available that you can do with markdown to create better documentation and Readme files.
Hey, I'm Ganesh 🖐
I write articles on web development and share valuable resources which might help you as a developer or beginner.

- follow me for more content
[Ganesh_Patil](https://hashnode.com/@patilganesh1010)

- if this article add values to you then you can [buy coffee for me!](https://www.buymeacoffee.com/Ganesh1010)


- You can also connect with me on [Twitter](https://twitter.com/ganeshstwt)
to get more content related to web development
thank you for the support! ✌