[basics] Markdown basic syntax

Essential markdown syntax for github blogs.

Pharaphrasing

Notice Feature

By using <div class> html tag, it is possible to call Notice class

<div class="notice--primary" markdown="1">
code section is also available
    ```python
print("Hello World!")
    ``` 

- Hello World!
</div>

code section is also available python print("Hello World!")

• Hello World!

break

add <br> whenever new lines are needed.

Hello <br> World!

Hello
World!

Overlapping Structure

Press space bar twice for second line, four times for third line.

- Hello
  - World
    - !!!

• Hello
  • World
    • !!!

Text

Italics

*Italics*

Italics

***Italics and Bold***

Italics and Bold

Underline

<u>Underline</u>

Underline

colors

<span style = "color: red">Red</span>

Red

links

inline links

inline links with explanation

[Google](https://www.google.com)

Google

image links

send to link location upon clicking the image

![image][('/assets/image/ds_lab.png')](https://www.google.com)


Others

Reference

can be expressed by >. >> when overlapping

> Knowledge is Power
  >> Francis Bacon

Knowledge is Power

Francis Bacon

Checklists

- [ ] Unchecked
- [X] Check

• Unchecked
• Check

Table

|**Title**|Ratings|Opinions|<br>
|:---:|---:|---|<br>
|Avatar|⭐⭐⭐⭐⭐|Good|<br>
|Avengers|⭐⭐⭐⭐⭐|Better|<br>
|Asylum|⭐⭐⭐⭐|Best!!|<br><br>

Title	Ratings	Opinions
Avatar	⭐⭐⭐⭐⭐	Good
Avengers	⭐⭐⭐⭐⭐	Better
Asylum	⭐⭐⭐⭐	Best!!

Toggle List

<details><br>
<summary>Click here</summary><br>
<div markdown="1"><br><br>

😎Hidden Message😎<br><br>

</div><br>
</details><br><br>

Click here

😎Hidden Message😎