Skip to main content

Command Palette

Search for a command to run...

Markdown

Updated
3 min read
Markdown

Let's Learn about Markdown and it's commands...

What is Markdown?

When you add bold, italics, numbered lists, bullet points, headings, and so on to text, you’re “formatting” it. Markdown is a syntax—or, set of rules—that formats text on web pages.

Elements of Markdown are as follows:

  • Heading
  • Bold
  • Italic
  • Blockquote
  • Ordered List
  • Unordered List
  • Code
  • Horizontal Rule
  • Link
  • Image
  • Line break

Heading

To give a heading or sub-heading, add (#) in front of your text. Adding the number of (#) may differ. To add heading 1 use (#) whereas to add heading 2 use (##) and it goes upto heading 6 as follows.

  • # heading 1

  • ## heading 2

  • ### heading 3

  • #### heading 4

  • ##### heading 5
  • ###### heading 6

Bold

To add a bold text.

Example: **bold** Text or __bold__ Text .

Output:

  • bold Text
  • bold Text

Italic

To add a italic text.

Example: *italic* Text or _italic_ Text .

Output:

  • italic Text
  • italic Text

Blockquote

To create a blockquote, add a (>) in front of a paragraph.

Example: > Blockquote

Output:

Blockquote

  1. Blockquotes with Multiple Paragraphs:

    Add a > on the blank lines between the paragraphs.

    Example:

    > This is Line 1.

    > This is Line 2.

    Output:

    This is Line 1.

    This is Line 2.

  2. Nested Blockquotes:

    Blockquotes can be nested. Add a >> in front of the paragraph you want to nest.

Example:

> This is Line 1.

> This is Line 2.

Output:

This is Line 1.

This is Line 2.


Lists

You can organize items into ordered and unordered lists.

  1. Ordered Lists:

    The numbers don’t have to be in numerical order, but the list should start with the number one.

    Example 1:

    1. First item

    2. Second item

    3. Third item

    4. Fourth item

    Output:

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

    Example 2:

    1. First item

    1. Second item

    1. Third item

    1. Fourth item

    Output:

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

    Example 3:

    2. First item

    8. Second item

    6. Third item

    4. Fourth item

    Output:

    1. First item

    2. Second item

    3. Third item

    4. Fourth item

  2. Unordered Lists:

    To create an unordered list, add dashes (-), asterisks (*), or plus signs (+) in front of line items. Indent one or more items to create a nested list.

    Example 1:

    - First item

    - Second item

    - Third item

    - Fourth item

    Output:

    • First item
    • Second item
    • Third item
    • Fourth item

    Example 2:

    * First item

    * Second item

    * Third item

    * Fourth item

    Output:

    • First item
    • Second item
    • Third item
    • Fourth item

Code

Code blocks are normally indented four spaces, two tab or under

Example 1: (add four spaces) start writing here.

Output:

start writing  here

Example 2: (add two tabs) start writing here.

Output:

start writing  here

Example 3: ```(Press enter) start writing here.```

Output:

start writing  here

Horizontal Rule

Put blank lines before and after horizontal rules.

Example 1: *** .

Output:


Example 2: ___ .

Output:



To create a link, enclose the link text in brackets (e.g., [Google]) and then follow it immediately with the URL in parentheses (e.g., (https://Google.com)).

Example : [Google](https://Google.com) .

Output:


Image

To add an image, add an exclamation mark (!), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title in quotation marks after the path or URL.

Example : ![Markdown](https://www.computerhope.com/jargon/m/markdown.jpg) .

Output:

  • Markdown

More from this blog

shobhit sheta's blog

7 posts