simple common formating

<strike>stike</strike> → stike
<del>strile</del> → strile
<s>strike</s> → strike
~~strike~~ → strike
~strike~ → ~strike~
**bold**-> bold
__bold__ -> bold
*italic* -> italic
***italic*** -> bold italic

list - a or * b

• a
• b
• c

This is a Heading h1

This is a Heading h2 (has underline no underline after h2)

This is a Heading h6 (is the last header)

Ordered list

1. a   
1. b   
1. c   
	1. d tab needed in the begining here
	1. e 2 space in the end is not must. 

1. a
2. b
3. c
   1. d
   2. ef

Images

![This is a alt text.](/image/sample.png "This is a sample image.")

Blockquotes

>
>>

Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.

Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

now using tab below: tab is equivalent to ```

one tabe inserted in the begining.  
continue second line.  
  
	tow tab here  
	continue two tab. 

Tables

notice the : for allignment. 
| Left columns  | Right columns |
| -:|:-:|
| left foo      | right foo     |
| left bar      | right bar     |
| left baz      | right baz     |

newline before the first row of the table is must to show the table properly.
double space at the end will ensure the new line.
more details on table and more

Left columns	Right columns
left foo	right foo
left bar	right bar
left baz	right baz

simple example
a|b  
-|-
1|2

a	b
1	2

html scripting

  type="text/css">
h1 {color:red;}

p {color:blue;}
</style>
okay

head 1 test

above color test failed

<span style="color:red">some **blue** text</span>  

some blue text

**My Bold Text, in red color.**{: style="color: red; opacity: 0.30;" }  

My Bold Text, in red color.

A blue and bold paragraph.  
{: .blue .bold}  

A blue and bold paragraph.

test{: .blue}  

test{: .blue}

test{: style="color: red;"}  

test{: style=”color: red;”}

🔴 red: +5V  
🟠 orange: +3.3V  
⚫ black: ground  
⚪ white: ground (pull-down)  
🟣 purple: I2C signal  
🟢 green: clock signal  
🟡 yellow: WS2812 signal  
🔵 blue: resistor bridge (analogue) input  

🔴 red: +5V
🟠 orange: +3.3V
⚫ black: ground
⚪ white: ground (pull-down)
🟣 purple: I2C signal
🟢 green: clock signal
🟡 yellow: WS2812 signal
🔵 blue: resistor bridge (analogue) input

<style>
.green {
color: green;
font-weight:700;
font-size: 30px;
}
</style>
<div class="green">
	Markdown css styles
</div>  

Markdown css styles

HR

___  
---  
***  

---

---

---

html contents

|©  |¨ |™|¡ |£|&   |<    |>   |¥   |€ |®    |±|¶| 
|¦|¯|«|·|X²|¾|¼|×|÷|»|15ºC|§  |      | 

©	¨	™	¡	£	&	<	>	¥	€	®	±	¶
¦	¯	«	·	X²	¾	¼	×	÷	»	15ºC	§

Escaping for Special Characters

*literal asterisks*

Markdown extras

GFM task list

- [x] a
- [x] b
- [ ] c
    - [ ] c1
    - [ ] c2
    - [ ] c3
- [ ] d
    - [ ] d1
    - [ ] d2

• a
• b
• c
  • c1
  • c2
  • c3
• d
  • d1
  • d2

TeX(LaTeX)

$$E=mc^2$$  
Inline $$E=mc^2$$ Inline 
$$\(\sqrt{3x-1}+(1+x)^2\)$$  
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$  
<img src="https://render.githubusercontent.com/render/math?math=E=mc^2">  
<img src="https://render.githubusercontent.com/render/math?math=sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))">
<img src="https://render.githubusercontent.com/render/math?math=\(\sqrt{3x-1}+(1+x)^2\)">  
![formula](https://render.githubusercontent.com/render/math?math=\sqrt{ab})
use this : https://md-math.netlify.app/

help link
\(E=mc^2\)
Inline \(E=mc^2\) Inline， Inline \(E=mc^2\) Inline。 \(\(\sqrt{3x-1}+(1+x)^2\)\)
\(\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))\)

FlowChart

st=>start: Login
op=>operation: Login operation
cond=>condition: Successful Yes or No?
e=>end: To admin

st->op->cond
cond(yes)->e
cond(no)->op

code block

if(x):
  print("this is x")

this = "Ruby Code"
puts "This is #{this}"

console.log('Code Tab A');

emoji

:+1: :heart:  

:+1: :heart:

mermaid test

graph LR
A[Square Rect] -- Link text --> B((Circle))
A --> C(Round Rect)
B --> D{Rhombus}
C --> D
D --> E

sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

Bob-->Alice: Checking with John...
Alice->John: Yes... John, how are you?

pie title Pets adopted by volunteers
"Dogs" : 386
"Cats" : 85
"Rats" : 35

classDiagram
class Animal
Vehicle <|-- Car

Add Image

interesting example of creating image text https://placehold.co/600x400/EEE/F1343C?font=raleway&text=Raleway
600x400 raleway https://placehold.co/600/EEE/F13FFC?font=playfair-display&text=Playfair%20Display
600x600

links to learn more

emoji
markdown editor
advance markdown
mermaid live
Markdown Live Preview
browser extension for mermaid
mermaid
math equation
toc generator
drawing app online

End