Understand Markdown In Easy WayπŸš€

Understand Markdown In Easy WayπŸš€

Β·

2 min read

Markdown has gained popularity because it's easy to use and it's widely accepted across platforms.

You can use markdown to write content that can be conveyed in plain text. A good example would be a blog post.

In this article, you'll learn what markdown is and how to use it.


What is Markdown?

Markdown is a markup language just like HTML. We use it to parse text and convert it into a specific format. You can also think of it as a text to HTML converter tool.

Many developers like writing in markdown because it gives them fine-grained control over their text and code. We'll see how and why in the coming paragraphs.

The extension for a Markdown file is .md or .markdown. To compile a markdown file you need an application capable of processing markdown files like VS Code, atom, etc.


Advantages Of Markdown:

  1. It’s not made just for programmers, because you can write E-Books with it using leanpub.
  2. Convertible to formats like PDF, HTML, docs etc.
  3. You can format your mail using markdown with MarkdownHere.
  4. It is heavily used to write formatted pages across various platforms like StackOverflow, Github and many more.
  5. Markdown Files can be converted to webpages using tools like Github Pages.

Given below is a syntax which will be useful to learn and later as a cheat sheet for writing Markdown codes.

Examples -

1.Headers

Syntax: -->

# Header1
## Header2
### Header3
#### Header4
....

Output: -->

headerop.png


2.Formatting

Syntax:-->

*This is Italic*
_This is also Italic_

**This is bold**
__This is also bold__

__This is a **combination**__

Output: -->

formatop.png


3. Lists

Syntax:-->

1.One
2.Two
3.Three

- Elem 1
- Elem 2

* Member
* Another Member

- Elem Main
- Another one
    - Sub list
    - It's Member

Output: -->

listop1.png

listop2.png


4. Images

Syntax:-->

IMAGE :
![My Article Image](https://devabs.hashnode.dev/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1658460280255%2FR8_ExX8Qd.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=1920&q=75)

Output: -->

cover.png


Syntax:-->

LINK:
["CSS - Selectors Article"](https://devabs.hashnode.dev/a-quick-guide-about-css-selectors)

Output: -->

link.png


6. Code & Quotes

Syntax:-->

codesyntax.png

Output: -->

codeop.png


Detailed cheat sheet: --

This Article is a cheat sheet you can use for Markdown, For a detailed tutorial on Markdown syntax see daringfireball.net

Hope you enjoyed it & keep learning.πŸ˜ŠπŸ’»

Β