DEV Community

Cover image for Markdown Basics
Srimaniteja
Srimaniteja

Posted on

Markdown Basics

Markdown was developed by John Gruber in 2004.
It is basically used to format a text file. We can make headings in different sizes and we can add bullet points and we can do basic HTML-like stuff in markdown.

In this article, we are going to learn the basics of Markdown

Content

  1. Headings
  2. Italic
  3. Strong or bold
  4. Task List
  5. Blockquote
  6. Horizontal rule
  7. Unordered lists
  8. Ordered lists
  9. Links
  10. Images
  11. Code Blocks

Headings

We can write six different types of headings of varying sizes.

       # Heading 1
       ## Heading 2
       ### Heading 3
       #### Heading 4
       ##### Heading 5
       ###### Heading 6
Enter fullscreen mode Exit fullscreen mode

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Italic

We can Italic text in two different ways

   _This text is italic_
   *This text is italic*
Enter fullscreen mode Exit fullscreen mode

This text is italic

This text is italic


Bold

   __This text is italic__
   **This text is italic**
Enter fullscreen mode Exit fullscreen mode

This text is bold

This text is bold


Task List

   *  [x] task 1
   *  [ ] task 2
Enter fullscreen mode Exit fullscreen mode

Blockquote

   > "Every skill you have today was once unknown to you.
             > A human brain is a learning machine. Stick with it." <br>
                                                           >  James Clear
Enter fullscreen mode Exit fullscreen mode

"Every skill you have today was once unknown to you.
> A human brain is a learning machine. Stick with it."

> James Clear


Horizontal rule

   ---
   ***
Enter fullscreen mode Exit fullscreen mode


Unordered lists

   * item 1
   * item 2
   * item 3
Enter fullscreen mode Exit fullscreen mode
  • item 1
  • item 2
  • item 3

Ordered lists

  1.  item 1
  2. item 2
  3. item 3
Enter fullscreen mode Exit fullscreen mode
  1. item 1
  2. item 2
  3. item 3

Links

   [hashnode](https://hashnode.com/)
Enter fullscreen mode Exit fullscreen mode

Hashnode


Images

   ![Night](https://images.unsplash.com/photo-1607190510513-fb1ea3ed2633?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1953&q=80)
Enter fullscreen mode Exit fullscreen mode

Night


Code Blocks

   console.log('markdown')
Enter fullscreen mode Exit fullscreen mode
   print('hashnode')
Enter fullscreen mode Exit fullscreen mode

You can write any programming language with a markdown like the above example.

Thank you for reading the article

My Twitter link

srimaniteja19

Discussion (0)