MARKDOWN CHEATSHEET : Clear, Crisp, Concise.

MARKDOWN CHEATSHEET : Clear, Crisp, Concise.

Hello Peeps! So once more I welcome you to a clear quick guide on Markdown, You may want to keep this one saved as a cheatsheet :)


What is Markdown?

It is an easy-to-use markup language you can use to format virtually any document.

Now without much further ado lets get things going with the below easy to remember syntax:


Headings

  • It comes in 6 variations depending on the number of # you use.
  • The less the #, the more bigger and bolder the heading.

  • Syntax

    # Heading 1
    ## Heading 2
    ### Heading 3
    #### Heading 4
    ##### Heading 5
    ###### Heading 6
    
  • Output

Headings.JPG


Bold / Italics / Strikethrough

  • *Usage depends on placing of asterisk, underscore and tilde symbols.

  • Syntax

**Bold**

__Also Bold__

*Italic*

_Also Italic_

~~strikeme~~
  • Output

Bold.JPG


Ordered / Unordered List

  • Usage depends on placing of numbers 1,2,3... or - symbol.

  • Syntax

1. One
2. Two
    1. Ones
    2. Twos
    3. Threes

1. One
1. Two
    1. Ones 
    1. Twos
    1. Threes

- One
- Two
    - Ones 
    - Twos
    - Threes
  • Output

List.JPG


Links & Image Links

  • For image links ensure use of smaller images preferably in PNG format as other large formats would not render.
  • Use an additional ! symbol to denote that link is an image link.
  • Square braces denote Link text or Image text (when image unavailable).
  • Inverted commas have meta text or hover text.

  • Syntax


[Google](https://www.google.com)

[Portfolio 1](https://web.codercommunity.io "My learning place")
[Portfolio 2](https://ineuron.ai)

![Mascot](https://learncodeonline.in/mascot.png)

![DP Image](./dp.jpg "local image")

![Random Image](./image.png "local image")

![Some Wiki Image](https://w7.pngwing.com/pngs/895/199/png-transparent-spider-man-heroes-download-with-transparent-background-free.png)
  • Output

Links.JPG


Code Snippets

  • Used to potray a code editor type formatted code.
  • Supports most known languages.
  • Specify language in lowercase with no-space in beginning to color-format per specific to the coded language format.

  • Syntax

Code.JPG

  • Output


//Sample C++ Code

for(int i=0; i<10; i++){
    cout<<"This is output"<<endl;
}

Blockquote / Line divider / Paragraph

  • Blockquotes used generally to show output or quotes. > symbol used.
  • Line divider used for showing line formatted separation in document. Use triple asterisk to denote line divide.
  • No specific syntax for paragraph.

  • Syntax


>This is a blockquote.

***

This is a normal para.
  • Output

This is a blockquote.


This is a normal para.


Tables

  • First row shows table headings
  • Pipe symbol used as separator
  • Syntax


| Tables  | Heading | Here |
| --- | --- | --- |
|one|two|three|
| four | five | six
| seven | eight | nine
  • Output

TablesHeadingHere
onetwothree
fourfivesix
seveneightnine

I hope you find this article short and crisp as ever & please do not waste much time in reading articles only, just read once and implement a million times :)