DEV Community

Cover image for Markdown Basics
Srimaniteja
Srimaniteja

Posted on

5 1

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

profile
Heroku
 Promoted

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

profile
Pieces.app
 Promoted

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

Read next

mikeyoung44 profile image

AI Expert System Gets 2% Smarter by Rerouting Tasks on the Fly

Mike Young -

godofgeeks profile image

CSRF Attacks & Mitigation

Aviral Srivastava -

mikeyoung44 profile image

New Benchmark Tests How Well AI Can Update Its Visual Knowledge While Retaining Information

Mike Young -

mikeyoung44 profile image

AI Math Models Now Learn to Check Their Own Work and Fix Mistakes

Mike Young -

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay