---
# System prepended metadata

title: Markdown Cheatsheet

---

# Markdown Cheatsheet
# Table of Content
1. [Reference](#reference)
2. [Code highlighting](#code-highlighting)
# Reference
- https://docs.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops
- https://docs.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops


# Headers
# This is a H1 header
## This is a H2 header
### This is a H3 header
#### This is a H4 header
##### This is a H5 header

# Paragraphs and line breaks
Add lines between your text with the **Enter** key.
Your text gets better spaced and makes it easier to read.


Add two spaces before the end of the line, and then select **Enter**.(space, space, Enter)
A space gets added in between paragraphs.

# Blockquotes
> Single line quote
>> Nested quote
>> multiple line
>> quote

# Horizontal rules

above
 
----
below

# Emphasis (bold, italics, strikethrough)

Use _emphasis_ in comments to express **strong** opinions and point out ~~corrections~~  
**_Bold, italicized text_**  
**~~Bold, strike-through text~~**

# Code highlighting

```
sudo npm install vsoagent-installer -g  
```

``` js
const count = records.length;
```


``` csharp
Console.WriteLine("Hello, World!");
```

# Tables

| Heading 1 | Heading 2 | Heading 3 |  
|-----------|:-----------:|-----------:|  
| Cell A1 | Cell A2 | Cell A3 |  
| Cell B1 | Cell B2 | Cell B3<br/>second line of text |


# Lists

## Ordered or numbered lists
1. First item.
1. Second item.
1. Third item.

## Bulleted lists
- Item 1
- Item 2
- Item 3

## Nested lists

1. First item.
   - Item 1
   - Item 2
   - Item 3
1. Second item.
   - Nested item 1
      - Further nested item 1
      - Further nested item 2
      - Further nested item 3
   - Nested item 2
   - Nested item 3

# Links

[Link Text](https://bing.com)

[C# language reference](/dotnet/csharp/language-reference/)

###Link to a heading in the page

[Link to a heading in the page](#link-to-a-heading-in-the-page)

# Images

![Illustration to use for new users](https://azurecomcdn.azureedge.net/cvt-779fa2985e70b1ef1c34d319b505f7b4417add09948df4c5b81db2a9bad966e5/images/page/services/devops/hero-images/index-hero.jpg)


# Checklist or task list

- [ ] A  
- [ ] B  
- [ ] C  
- [x] A  
- [x] B  
- [x] C  

# Emoji

:smile:
:angry:

`:smile:` `:)` `:angry:`

# Mathematical notation and characters

$
\alpha, \beta, \gamma, \delta, \epsilon, \zeta, \eta, \theta, \kappa, \lambda, \mu, \nu, \omicron, \pi, \rho, \sigma, \tau, \upsilon, \phi, ...
$  


$\Gamma,  \Delta,  \Theta, \Lambda, \Xi, \Pi, \Sigma, \Upsilon, \Phi, \Psi, \Omega$


Area of a circle is $\pi r^2$

And, the area of a triangle is:

$$
A_{triangle}=\frac{1}{2}({b}\cdot{h})
$$


$$
\sum_{i=1}^{10} t_i
$$



$$
\int_0^\infty \mathrm{e}^{-x}\,\mathrm{d}x
$$

# Mermaid diagrams
## Sequence diagram example
::: mermaid
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!
:::
## Gantt chart example
::: mermaid
gantt
    title A Gantt chart
    dateFormat YYYY-MM-DD
    excludes 2022-03-16,2022-03-18,2022-03-19
    section Section

    A task          :a1, 2022-03-07, 7d
    Another task    :after a1 , 5d
:::
## Flowchart example
:::mermaid
graph LR;
    A[Hard edge] -->|Link text| B(Round edge) --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
:::
## Add a collapsible section
# A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
    space
    

</details>

# Embed videos in a Wiki page
::: video
<iframe width="560" height="315" src="https://www.youtube.com/embed/OtqFyBA6Dbk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
:::

# Embed Azure Boards query results in Wiki
::: query-table <queryid>
:::

# HTML tag support in wiki pages
<p>
 
 [A Markdown link](https://microsoft.com) 
</p>

<video src="https://sec.ch9.ms/ch9/7247/7c8ddc1a-348b-4ba9-ab61-51fded6e7247/vstswiki_high.mp4" width=400 controls>
</video>

<p>This text needs to <del>strikethrough</del> <ins>since it is redundant</ins>!</p>
<p><tt>This text is teletype text.</tt></p>
<font color="blue">Colored text</font>
<center>This text is center-aligned.</center>
<p>This text contains <sup>superscript</sup> text.</p>
<p>This text contains <sub>subscript</sub> text.</p>
<p>The project status is <span style="color:green;font-weight:bold">GREEN</span> even though the bug count / developer may be in <span style="color:red;font-weight:bold">red.</span> - Capability of span
<p><small>Disclaimer: Wiki also supports showing small text</small></p>
<p><big>Bigger text</big></p>