Markdown Guide

Now that you know why we use Markdown, let's learn how to write it!

The following guide covers the essential Markdown syntax, and we have also provided a playground environment for you to practice what you learn!

Good luck!

Markdown Playground

Loading CodeSandbox...

Headers

Creating headings require '#' symbol in the start and single space between symbol and heading name. Number of '#' symbols correspond to heading levels as shown below.

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



Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

To create paragraph, simply write the text without indentation/spaces. To break to a new line, put two or more spaces at end of a line. To separate paragraphs, put an empty line between two lines of text.

This is first line.     
And this is second.

Paragraph 1- To learn new skills, you must be willing and not afraid to make mistakes. Every time when we learn
new skills, a bit of fear hold us back. You need to be consistent and push yourself to do it.

paragraph 2- I love to use Markdown for facebook posts. It makes the posts more visible
visible and attractive.

This is first line.
And this is second line.

Paragraph 1- To learn new skills, you must be willing and not afraid to make mistakes. Every time when we learn new skills, a bit of fear hold us back. You need to be consistent and push yourself to do it.

Paragraph 2- I love to use Markdown for Facebook posts. It makes post more visible and attractive.

Emphasis

To add emphasis, we can make text bold and italic using asterisks and underscores. Bold text require to place two asterisks or underscores before and after. Italic text need to be placed in the middle of single asterisk or underscore.
Use of three asterisks or underscores make a text bold and italic.

**Bold text using two asterisks** or __Bold text using two underscores__   
*Italic text using single asterisk* or _Italic text using single underscore_  
***Bold and Italic text using three asterisks or underscores***

Bold text using two asterisk or Bold text using two underscores
Italic text using single asterisk or Italic text using single underscore
Bold and Italic text using three asterisks or underscores

Strikethrough

~~Scratch this.~~

Scratch this.

The format of inline link is to enclose the text in square brackets '[]' and the URL in round brackets '()'.

 [I'm an inline-style link](https://grey.software/)

To make your inline links display a tooltip when someone hovers over it, add your tooltip text after the URL in the round brackets '()'.

 [I'm an inline-style link with title](https://grey.software/ "Grey Software")

Image

To add an image in Markdown, one has to start with an exclamation sign '!' and place alt-text in square-brackets. The path or URL of an image is to be palced in round brackets '()'.

![alt text](https://grey.software/logo.png)

alt text

Adding a tooltip to your image

To make your images display a tooltip when someone hovers over it, add your tooltip text after the URL in the round brackets '()'.

![alt text](https://grey.software/logo.png "Grey Software")

alt text

Code and Syntax Highlighting Using JavaScript

```javascript
var s = "JavaScript syntax highlighting";
alert(s);```

var s = "JavaScript syntax highlighting";
alert(s);

Code and Syntax Highlighting Using Python

```python
s = "Python syntax highlighting"
print s```

s = "Python syntax highlighting"
print s

Tables

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

Blockquotes

> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Inline HTML

<dl>
  <dt>Definition list</dt>
  <dd>Is something people use sometimes.</dd>

  <dt>Markdown in HTML</dt>
  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
Definition list
Is something people use sometimes.
Markdown in HTML
Does *not* work **very** well. Use HTML tags.