Header | Emphasis | Image | Button | Dropdown | Blockquote | List & Task | Reference link | Hightlight | Color |
---|
- Emojis: Cheat sheet
- Mention: @97noob @cpulover-projects
- Issue mention:
[Issue 1](#1)
➡ Issue 1 - Horizontal line:
---
or***
or___
- Line break:
<br>
or2 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)
# <h1> heading
## <h2> heading
### You get it!
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~~ |
|
*You **can** `combine` ~~them~~* |
You can combine |
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>
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/)| |---|---|---|
Youtube |
---|
⚓
<a name="just-a-random-anchor">
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>
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.
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
- Item 1
- 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
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!
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).@@
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!)