Introduction to Markdown

Introduction to Markdown

What is Markdown?

Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Created by John Gruber in 2004, Markdown is now one of the world’s most popular markup languages.

Markdown file always has an extension of .md or .markdown

There are many tools available online for previewing the markdown, One of them is created by me which is available on our site > Markdown Previewer

Headings

To give a heading in Markdown we use the '#' symbol. In markdown, the heading is divided into six different types as in HTML from h1 to h6.

# PrahladInala - H1 
## PrahladInala - H2
### PrahladInala - H3
#### PrahladInala - H4
##### PrahladInala - H5
###### PrahladInala - H6

Output :

image.png

Alternative

PrahladInala - H1
===============
PrahladInala - H2
---------------

Output :

image.png

Formatting Text

Bold Text

We can use ** OR __ to make our text bold.

**Prahlad Inala**
__Prahlad Inala__

Output:

image.png

Italic Text

We can use * OR _ to make our text Italic.

*Prahlad Inala*
_Prahlad Inala_

Output:

image.png

Blockquote

We use greater than symbol to write Blockquotes.

> We can change our lives. We can do, have, and be exactly what we wish.

Output:

image.png

Code

We can use ` OR ``` to write code

   `python
   print("hello")
  `

Output:

image.png

Lists

Ordered Lists

We use numbers to write ordered lists

1. First item
2. Second item
    1. First SubItem
    2. Second SubItem
3. Third item

Output:

image.png

Unordered Lists

We use * / - and space to write unordered lists

- First item
- Second item
    - First SubItem
    * Second SubItem
- Third item

* First item
* Second item
    - First SubItem
    * Second SubItem
* Third item

image.png

Horizontal Line

We use --- to draw a horizontal Line

---

Output

image.png

[Checkout Out Site](https://www.prahladinala.in)

Output:

image.png

Images

![ALTERNATIVE TEXT](IMAGE PATH)
![Hitesh Choudhary Sir](https://hashnode.com/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1658022510024%2FEEEi9nhJ2.jpg%3Fw%3D500%26h%3D500%26fit%3Dcrop%26crop%3Dfaces%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75)

Output:

ALTERNATIVE TEXT alias alt text is shown when failure to fetch an image OR when fetching an image fails

image.png

Output:

Hitesh Choudhary Sir

Table

| Sno| Project Name|
| ----------- | ----------- |
| 1. | Portfolio Website|
| 2. | Ecommerce Website|

Output:

image.png

This post covers all the basics of Markdown. Hope this article will help you in creating the markdown for your next project.

Follow for more

Linkedin: https://www.linkedin.com/in/prahladinala/
Github: https://github.com/prahladinala/
Instagram: https://instagram.com/prahlad.inala/
Twitter: https://twitter.com/prahladinala
Figma Community: https://www.figma.com/@prahladinala
Dribbble: https://dribbble.com/prahladinala
Behance: https://www.behance.net/prahladinala
Personal Portfolio: https://prahladinala.in
ToolMate: https://toolmate.co.in

Thank you!

Did you find this article valuable?

Support Prahlad Inala by becoming a sponsor. Any amount is appreciated!