# Playground 與 markdown -> html cheatsheet

cheatsheet from [Creating your own markdown parser](https://betterprogramming.pub/create-your-own-markdown-parser-bffb392a06db)

|-------------------------------------|---------------------------|
|  Markdown                           |HTML                       |
|-------------------------------------|---------------------------|
|# Heading level 1                    |<h1>Heading level 1</h1>   |
|## Heading level 2                   |<h2>Heading level 2</h2>   |
|### Heading level 3                  |<h3>Heading level 3</h3>   |
|#### Heading level 4                 |<h4>Heading level 4</h4>   |
|##### Heading level 5                |<h5>Heading level 5</h5>   |
|###### Heading level 6               |<h6>Heading level 6</h6>   |
|__bold text__                        |<strong>bold text</strong> |
|**bold text**                        |<strong>bold text</strong> |
|_italic text_                        |<em>italic text</em>       |
|*italic text*                        |<em>italic text</em>       |
|`word`                               |<code>word</code>          |
|Unorderered list with "+", "*"       | <ul>                      |
| + First item                        | <li> First item </li>     |
| + Second item                       | <li> Second item </li>    |
|                                     | </ul>
|Link [Guide](https://www.google.com) | Guide                     |
|Link <https://www.google.com>        | https://www.google.com    |
|-----------------------------------------------------------------|

---
標題

# h1 標題

<h1>等同 h1 標籤</h1>

## h2 標題

<h2>等同 h2 標籤</h2>

### h3 標題

<h3>等同 h3 標籤</h3>

#### h4 標題

<h4>等同 h4 標籤</h4>

##### h5 標題

<h5>等同 h5 標籤</h5>

###### h6 標題

<h6>等同 h6 標籤</h6>

---
連結

<https://mozilla.org/>

等同於

<a href="https://mozilla.org/">https://mozilla.org/</a>

[mozilla 網站](https://mozilla.org/)

等同於

<a href="https://mozilla.org/">mozilla 網站</a>

等同於


等同於

<img src="https://i.imgur.com/0fbePJ2.jpg" alt="圖片" />

- item 1
- item 2
- item 3

等同於

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>