Italic - italic
*italic*
Bold - bold
**bold** or __bold__
Inline - link
A [Link](http://example.com "Title")
Reference-style - [link][id]
A [Link][id].
[id]: http://example.com "Title"
A code span
A `code span`
Inline - Image

Reference-style Image
.
A ![Alt Text][logo].
[logo]: http://bit.ly/1drEdWK "Title"
Image Style (Haroopad Flavored Markdown)
.


![Alt Text][logo].
[logo]: http://bit.ly/1drEdWK "Title" "width:50px"
Setext-style
Header 1
========
Header 2
--------
atx-style
# Header 1
## Header 2
...
###### Header 6
Ordered (numbered)
1. Red
2. Blue
3. Green
Unordered (bulleted)
* Red
* Blue
* Green
- Red
- Blue
- Green
+ Red
+ Blue
+ Green
Nest Lists
* Colors
1. Red
2. Blue
3. Green
4. Yellow
- Dark Yellow
- Light Yellow
- Green Yellow
This is the Blockquotes
> This is the **Blockquotes**
Three or more hyphens(-), asterisks(*), or underscores(_)
Page break
* * *
Section break
- - -
Margin break (add margin bottom)
_ _ _
Strikethrough - strikethrough
~~strikethrough~~
End a line with tow or more spaces
Roses are red,
Violets are blue.
Roses are red, Violets are blue.
```
var your = 'code here';
```
Syntax Highlight
```[language name]
var your = 'code here';
```
Javascript
function syntaxHighlight(a, b) {
return a + b;
}
#include <iostream>
int main(char *argv[]) {
return -2e3 + 121;
}
name | age | gender | money |
---|---|---|---|
rhio | 384 | robot | $3,000 |
haroo | .3 | bird | $430 |
jedi | ? | undefined | $0 |
| name | age | gender | money | |-------|:---:|-----------|-------:| | rhio | 384 | robot | $3,000 | | haroo | .3 | bird | $430 | | jedi | ? | undefined | $0 |
Superscript - superscript
^superscript^
Subscript - subscript
~subscript~
Underline - underline
++underline++
Highlight - highlight
==highlight==
Sentence break (add margin bottom)
_ _ _
[TOC] or [toc] [TOC "float:left"] [TOC "float:right"]
Inline Math expression
$x^2$ or $$x^2$$
Block Math expression
$ x^2 $
This is Block syntax.
@[Alt Text](Content-URL "CSS")
@[Haroopad](https://vimeo.com/70385914 "width:100%;height:350px")
You get more detail mermaid syntax
example
```mermaid
graph TD;
A-->B;
A-->D;
B-->C;
D-->C;
```
become
This statement is useful when you create the TODO or Checklist.
example
- [ ] first task
- [x] second task is done
- [ ] third task
Just insert ***
or ---
separator to separate each slide.
example
## slide1 title
slide2 content
***
## slide2 title
slide2 content
This is footnote1
This is footnote[^1]
[^1]: explanatory information