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

dev007777 profile image

Modern HTML5 Boilerplate

TheDev -

stahlwalker profile image

A Guide to Server-Side Rendering

Luke Stahl -

paul_freeman profile image

Top Free premium landing page templates 🤯

Paul -

paul_freeman profile image

15 Essential tools and resources for Frontend developers ⚡️

Paul -