Understanding Markdown

Understanding Markdown

A Brief Guide on Markdowns

ยท

4 min read

What is Markdown?

Markdown is a markup language that is used to format the text on a web page, you can use markdown to write Github Readme.md, technical documentation and many more.

Go to this Link to learn more about what is markdown

Basic Syntax

๐Ÿ‘‰ Heading

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

output

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

๐Ÿ‘‰ Bold

**bold text**

output

bold text

๐Ÿ‘‰ Italic

*italicized text*

output

italicized text

๐Ÿ‘‰ Blockquote

This is a blockquote

output

This is a blockquote

๐Ÿ‘‰ List

๐Ÿ‘‰ Ordered List

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

output

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

๐Ÿ‘‰ Unordered List

> - First item
- Second item
- Third item

output

  • First item
  • Second item
  • Third item

๐Ÿ‘‰ code

`code`

output

code

๐Ÿ‘‰ Horizontal Rule

---

output


[ Link ]( https://themohitgupta.hashnode.com/undestanding-markdown)

output

Link To This Same Article

๐Ÿ‘‰ Image

![image](./image.jpg)

or

![LCO](https://learncodeonline.in/mascot.png)

output

LCO

Extended Syntax

๐Ÿ‘‰ Table

| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |

output

SyntaxDescription
HeaderTitle
ParagraphText

๐Ÿ‘‰ Fenced Code Block

{
  "firstName": "Mohit",
  "lastName": "Gupta",
  "age": 25
}

output >

{
  "firstName": "Mohit",
  "lastName": "Gupta",
  "age": 25
}

visit this link for detail

๐Ÿ‘‰ Footnote

    Here's a sentence with a footnote. [^1]
    [^1]: This is the footnote.

output

Here's a sentence with a footnote. [^1]

[^1]: This is the footnote.

visit this link for detail

๐Ÿ‘‰ Heading ID

### My Great Heading {#custom-id}

or

<h3 id="custom-id">My Great Heading</h3>

output

My Great Heading

๐Ÿ‘‰ Definition List

 First Term
  : This is the definition of the first term.
  Second Term
  : This is one definition of the second term.
  : This is another definition of the second term.

or

  <dl>
    <dt>First Term</dt>
    <dd>This is the definition of the first term.</dd>
    <dt>Second Term</dt>
    <dd>This is one definition of the second term. </dd>
    <dd>This is another definition of the second term.</dd>
  </dl>

output

First Term
This is the definition of the first term.
Second Term
This is one definition of the second term.
This is another definition of the second term.

๐Ÿ‘‰ Strikethrough

~~The world is flat.~~ or

or

 <s>The world is flat.</s>

output

The world is flat.

๐Ÿ‘‰ Task List

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

output

  • [x] Write the press release
  • [ ] Update the website
  • [ ] Contact the media

๐Ÿ‘‰ Emoji

That is so funny! :joy:

output

That is so funny! :joy:

๐Ÿ‘‰ Highlight

I need to highlight these ==very important words==.

or

I need to highlight these <mark>very important words</mark>.

output

I need to highlight these very important words.

๐Ÿ‘‰ Subscript

H~2~O

or

H<sub>2</sub>O

output

H2O

๐Ÿ‘‰ Superscript

X^2^

or

X<sup>2</sup>

output

X2

ย