Skip to content

enginooby-practice/markdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

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 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

#ff0000 Small red #9900c5 Medium purple #157500 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

About

Mixing HTML and GitHub Flavored Markdown.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published