Markdown .md syntax

To help myself to quick access to some common markdown syntax.

Image created with Microsoft Designer

Headings

# Headline Level 1

Headline Level 1

## Headline Level 2

Headline Level 2

### Headline Level 3

Headline Level 3

#### Headline Level 4

Headline Level 4

##### Headline Level 5
Headline Level 5
###### Headline Level 6
Headline Level 6
Also Headline Level 1
=

Also Headline Level 1

Also Headline Level 2
-

Also Headline Level 2


Paragraphs

This is the first line. 
This is normal text staying with the first line.

This is the second line going to next line with extra blank line.

This is the first line. This is normal text staying with the first line.

This is the second line going to next line with extra blank line.


Line Breaks

This is first line.   
This is second line by 3 extra spaces tailing the first line.

This is first line.
This is second line by 3 extra spaces tailing the first line.


Emphasis

**BOLD by adding two asterisks before and after**

BOLD by adding two asterisks before and after

__BOLD by adding two underscores before and after__

BOLD by adding two underscores before and after

*italic by adding one asterisk before and after*

italic by adding one asterisk before and after

_italic by adding one underscore before and after_

italic by adding one underscore before and after

***BOLD and italic by using three asterisks or underscore before and after***

BOLD and italic by using three asterisks or underscore before and after

> Blockquotes
>
> multiple lines
> > Nested Blockquotes

Blockquotes

multiple lines

Nested Blockquotes


Lists

1. First Item in ordered list
2. Numbering does not matter
   1. Indented
   1. Numbering does not matter
1. Here we go again

- First item in unordered list
- Second
  * Indented
- We can use -, *, +
  1. First Item in ordered list
  2. Numbering does not matter
    1. Indented
    2. Numbering does not matter
  3. Here we go again

Code

`enclosed with backtick`

enclosed with backtick

```html
<html>
  <head>
    Tab to make code block
  </head>
</html>
```

```py
<code block>
```
<html>
  <head>
    Tab to make code block
  </head>
</html>
<code block>

Rulers

3 asterisks
***

3 asterisks ***

3 dashes
---

3 dashes

3 underscores
___

3 underscores ___


link text in brackets and URL in parentheses
[Jerry's LinkedIn](https://www.linkedin.com/in/wpjerrykwok/)

link text in brackets and URL in parentheses Jerry’s LinkedIn

put in <> for a quick add   
<https://www.linkedin.com/in/wpjerrykwok/>

put in <> for a quick add https://www.linkedin.com/in/wpjerrykwok/

bracket followed by bracket for reference style link [Jerry's LinkedIn][1]

[1]: https://www.linkedin.com/in/wpjerrykwok/

bracket followed by bracket for reference style link Jerry’s LinkedIn


Images

! followed by brackets and then path in parentheses
![Sailing Team](/assets/images/blog/2024-07-05/team.jpeg)

! followed by brackets and then path in parentheses Sailing Team

To control image size
<img src="/assets/images/blog/2024-07-05/team.jpeg" width="100" height="100">


Footnotes

This is a footnote[^1]. Another footnote[^2].

[^1]: My reference
[^2]: Another footnote

This is a footnote1. Another footnote2.


Table

left |center|right
:-----|:-----:|----:
One|Two|$1.00
left center right
One Two $1.00

Task List

- [x] dash with brackets
- [ ] First
   - [x] indented One
- [ ] Second

Collapsed Details

<details>
<summary>collapsed</summary>
This is the copy for the collapsed text.
</details>
collapsed This is the copy for the collapsed text.

Emoji

emojis :joy: :tada:

emojis :joy: :tada:


Alert Syntax

> :memo: **Note:**
> Let's take a note.

> :bulb: **Tip:**
> Pocket a tip.

> :warning: **Warning:**
> This is a Warning.

:memo: Note: Let’s take a note.

:bulb: Tip: Pocket a tip.

:warning: Warning: This is a Warning.

Reference:

Markdown Guide

  1. My reference 

  2. Another footnote