DEV Community

Cover image for Markdown Basics
Srimaniteja
Srimaniteja

Posted on

Markdown Basics

#markdown #basics #html

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

Top comments (0)

Read next

cookiemonsterdev profile image

How to create layouts and style emails for web application

Mykhailo Toporkov 🇺🇦 -

syed_ammar profile image

Difference between `aria-label` and `aria-labelledby`

Syed Ammar -

kohtet_gintoki profile image

Using Quill Rich Text Editor in the HTML Form element

Ko Htet -

cfried profile image

How to learn HTML: 46 great sites, courses and books (all free)

Christian Fried -