List of practiced topics

Header	Emphasis	Image	Button	Dropdown	Blockquote	List & Task	Reference link	Hightlight	Color

Basic

• Emojis: Cheat sheet
• Mention: @97noob @cpulover-projects
• Issue mention: [Issue 1](#1) ➡ Issue 1
• Horizontal line: --- or *** or ___
• Line break: <br> or 2 whitespace or \
• Blackslash escape: *Italic* => Italic vs. \*Not italic\* => *Not italic*
• Header anchor link: [Go to bottom](#bottom) ➡ Go to bottom
• Manual anchor link: [Manual anchor](#just-a-random-anchor) ➡ Manual anchor
• Link: [My GitHub profile](https://github.com/cpulover) ➡ My GitHub profile
• Code block: ```System.out.println("Hello!");``` ➡ System.out.println("Hello!");
• Hidden comment: [//]: # (You can not see this on a seperate line)

Header

# <h1> heading
## <h2> heading
### You get it!

Emphasis

Syntax	Output
*This text will be italic*	This text will be italic
_This will also be italic_	This will also be italic
**This text will be bold**	This text will be bold
__This will also be bold__	This will also be bold
Text with `backticks` inside	Text with backticks inside
~~This text will be deleted~~	This text will be deleted
*You **can** `combine` ~~them~~*	You can combine them

Image

Left align

<img align="left" width="150" src="https://github.com/cpulover-practice/markdown/blob/master/images/avt2.jpg">

Right align

<img align="right" width="150" src="./images/avt2.jpg">

Center align

<p align="center"><img width="150" src="./images/avt2.jpg"></p>

Button

A single button

[GitHub](https://github.com/)
|---|

GitHub

A row of buttons

|[Google](https://www.google.com/)|[Facebook](http://facebook.com/)|[Youtube](https://www.youtube.com/)|
|---|---|---|

Google	Facebook	Youtube

⚓
<a name="just-a-random-anchor">

Dropdown

Dropdown contains a list

• Item 1
• Item 2

Dropdown contains a code block

$ This dropdown contains
a code block!

Opening dropdown

<details open>
<summary>Want to ruin the surprise?</summary>
<br>
Well, you asked for it!
</details>

Blockquote

Code

 As Kanye West said:
> We're living the future    
> so the present is our past.

As Kanye West said:

We're living the future
so the present is our past.

List

Unordered list

- Item 1
- Item 2
  - Item 2a
  - Item 2b

• Item 1
• Item 2
  • Item 2a
  • Item 2b

Ordered list

1. Item 1
2. Item 2
   * Item 2a
   * Item 2b

1. Item 1
2. Item 2
   • Item 2a
   • Item 2b

Task list

- [x] This is a complete item
- [ ] This is an incomplete item

• This is a complete item
• This is an incomplete item

Reference link

Declare links

[//]: # (Declared links are invisible, can be put anywhere)
[cat]: https://en.wikipedia.org/wiki/Cat
[github-profile]: https://github.com/cpulover

Use links

I like [cat][]. So check out my [profile][github-profile]!

I like cat. So check out my profile!

Hightlight

Code

 ```diff
- text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@
```

- Text in red.
+ Text in green.
! Text in orange.
# Text in gray.
@@ Text in purple (and bold).@@

Color

Inline style

![#ff0000](https://placehold.it/12/ff0000?text=+) Small red 
![#9900c5](https://placehold.it/15/9900c5?text=+) Medium purple 
![#157500](https://placehold.it/20/157500?text=+) Large green

Small red Medium purple Large green

Block style

![](https://placehold.it/300x90/ff0000/000000?text=IMPORTANT!)
![](https://placehold.it/250x90/ff6600/000?text=WARNING!)
![](https://placehold.it/200x90/009955/fff?text=SUCCESS!)

---

Bottom

Go to top