Markdown all you need to know

Here are lists of some of the most common use of Markdown.

Alt text

Headers

1
2
3
4
5
6
# H1
## H2
### H3
#### H4
##### H5
###### H6

H1

H2

H3

H4

H5
H6

Underline

1
--- three or more than three hyphens

Superlink

1
2
3
4
5
[linke name that would appear on the page](link address, "title pop when hover")
e.g.
[phil's blog](http://www.philsblog.info, "this is phil's blog")
or you can use the link directly.
<http://www.philsblog.info>

linke name that would appear on the page
e.g.
phil’s blog
or you can use the link directly.
http://www.philsblog.info

Code referencing

1
use ``` at the begaining and end of your code block

Highlight

1
2
3
*italic type*
**bold**
~~delete~~

italic type
bold
delete

Image

1
![Alt text](https://media-cdn.tripadvisor.com/media/photo-s/0b/5d/38/4b/a-nice-small-water-fall.jpg "Optional title")

Alt text

Lists

1
2
3
4
5
6
7
8
* Item
* Item
- Item
- Item
1. numbered
- Mixed
2. numbered
* Mixed
  • Item
  • Item
  • Item
  • Item
  1. numbered
    • Mixed
  2. numbered
    • Mixed

Blockquotes

1
2
3
4
> Quoted text.
> > Quoted quote.
> * Quoted
> * List

Quoted text.

Quoted quote.

  • Quoted
  • List

Preformatted

1
2
3
4
5
6
Begin each line with 
two spaces or more to
make text look
e x a c t l y
like you type i
t.

Begin each line with
two spaces or more to
make text look
e x a c t l y
like you type i
t.

Code

1
`This is code`

This is code

Code block

1
2
3
4
~~~
Code block is a bit tricky, since we are using code block to show you the syntax
you can use three ~ surround your code
~~~
1
2
3
```
you can also use three ` for the same purpose
```

Syntax highlighting

1
2
3
4
5
6

```css
#button {
border: none;
}
```
1
2
3
#button {
border: none;
}

Table

1
2
3
4
5
| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is | left-aligned | $1600 |
| col 2 is | centered | $12 |
| col 3 is | right-aligned | $1 |
Tables Are Cool
col 1 is left-aligned $1600
col 2 is centered $12
col 3 is right-aligned $1