Markdown Guide (HTML).html

<h1>Markdown Cheatsheet</h1>
<p>This cheatsheet is intended as a quick reference and showcase of the markdown syntax in <strong>GROOT</strong></p>
<hr />
<h2>Headers</h2>
<pre><code class="markdown"># H1
## H2
### H3
#### H4
##### H5
###### H6

Alternatively, for H1 and H2, an underline-ish style:

Alt-H1
======

Alt-H2
------
</code></pre>

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
<p>Alternatively, for H1 and H2, an underline-ish style:</p>
<h1>Alt-H1</h1>
<h2>Alt-H2</h2>
<hr />
<h2>Emphasis</h2>
<pre><code class="markdown">Emphasis, aka italics, with *asterisks* or _underscores_.

Strong emphasis, aka bold, with **asterisks** or __underscores__.

Combined emphasis with **asterisks and _underscores_**.
</code></pre>

<p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>
<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>
<p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>
<hr />
<h2>Lists</h2>
<p>(In this example, leading and trailing spaces are shown with with dots: ⋅)</p>
<pre><code class="markdown">1. First ordered list item
2. Another item
⋅⋅⋅⋅* Unordered sub-list. 
1. Actual numbers don't matter, just that it's a number
⋅⋅⋅⋅1. Ordered sub-list
4. And another item.

⋅⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).

⋅⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅

* Unordered list can use asterisks
- Or minuses
+ Or plusesd
</code></pre>

<ol>
<li>First ordered list item</li>
<li>Another item<ul>
<li>Unordered sub-list. </li>
</ul>
</li>
<li>Actual numbers don't matter, just that it's a number<ol>
<li>Ordered sub-list</li>
</ol>
</li>
<li>
<p>And another item.</p>
<p>You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces.</p>
<p>To have a line break without a paragraph, you will need to use two trailing spaces.<br />
Note that this line is separate, but within the same paragraph.  </p>
</li>
</ol>
<ul>
<li>Unordered list can use asterisks</li>
<li>Or minuses</li>
<li>Or pluses</li>
</ul>
<hr />
<h2>Links</h2>
<p>There are two ways to create links.</p>
<pre><code class="markdown">[I'm an inline-style link](https://www.duckduckgo.com)

[I'm an inline-style link with title](https://www.duckduckgo.com &quot;DuckDuckGo's Homepage&quot;)

[You can use numbers for reference-style link definitions][1]

URLs in angle brackets will automatically get turned into links in the preview. 
&lt;https://privacytools.io&gt;
</code></pre>

<p><a href="https://www.duckduckgo.com">I'm an inline-style link</a></p>
<p><a href="https://www.duckduckgo.com" title="DuckDuckGo's Homepage">I'm an inline-style link with title</a></p>
<p>URLs in angle brackets will automatically get turned into links in the preview. <br />
<a href="https://www.privacytools.io">https://www.privacytools.io</a></p>
<p>If the "Automatically Detect Links Extension" is checked, URLs without angular brackets will also be detected</p>
<hr />
<h2>Inline code and code blocks</h2>
<pre><code class="markdown">Inline `code` has `back-ticks around` it.
</code></pre>

<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>
<p>Blocks of code are either fenced by lines with three back-ticks, or are indented with four spaces.</p>
<pre><code class="markdown">    s = &quot;Code with space indent&quot;
    print s
</code></pre>

<pre><code>s = "Code with space indent"
print s
</code></pre>
<hr />
<h2>Tables</h2>
<p>Tables aren't part of the core Markdown spec, but the QOwnNotes preview supports them. </p>
<pre><code class="markdown">Colons can be used to align columns.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the 
raw Markdown line up prettily. You can also use inline Markdown.

Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
</code></pre>

<p>Colons can be used to align columns.</p>
<table>
<thead>
<tr>
<th>Tables</th>
<th align="center">Are</th>
<th align="right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td>col 3 is</td>
<td align="center">right-aligned</td>
<td align="right">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td align="center">centered</td>
<td align="right">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td align="center">are neat</td>
<td align="right">$1</td>
</tr>
</tbody>
</table>
<p>There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.</p>
<table>
<thead>
<tr>
<th align="center">Markdown</th>
<th align="center">Less</th>
<th align="center">Pretty</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><em>Still</em></td>
<td align="center"><code>renders</code></td>
<td align="center"><strong>nicely</strong></td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">2</td>
<td align="center">3</td>
</tr>
</tbody>
</table>
<hr />
<h2>Blockquotes</h2>
<pre><code class="markdown">&gt; Blockquotes are very handy in email to emulate reply text.
&gt; This line is part of the same quote.

Quote break.

&gt; This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote. 
</code></pre>

<blockquote>
<p>Blockquotes are very handy in email to emulate reply text.<br />
This line is part of the same quote.</p>
</blockquote>
<p>Quote break.</p>
<blockquote>
<p>This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can <em>put</em> <strong>Markdown</strong> into a blockquote. </p>
</blockquote>
<hr />
<h2>Horizontal Rule</h2>
<pre><code class="markdown">Three or more...

---

Hyphens

***

Asterisks

___

Underscores
</code></pre>

<p>Three or more...</p>
<hr />
<p>Hyphens</p>
<hr />
<p>Asterisks</p>
<hr />
<p>Underscores</p>
<hr />
<h2>Line Breaks</h2>
<pre><code class="markdown">Here's a line for us to start with.

This line is separated from the one above by two newlines, so it will be a *separate paragraph*.

This line is also begins a separate paragraph, but...  
This line is only separated by two trailing spaces and a single newline, so it's a separate line in the *same paragraph*.
</code></pre>

<p>Here's a line for us to start with.</p>
<p>This line is separated from the one above by two newlines, so it will be a <em>separate paragraph</em>.</p>
<p>This line is also begins a separate paragraph, but...<br />
This line is only separated by two trailing spaces and a single newline, so it's a separate line in the <em>same paragraph</em>.</p>
<hr />
<h2>Comments</h2>
<pre><code class="markdown">[comment]: # (This comment will not appear in the preview)
</code></pre>

<hr />
<p>Credit for the above cheatsheet: <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet">markdown-here</a><br />
License: <a href="https://creativecommons.org/licenses/by/3.0/">CC-BY</a></p>
<h2>Extensions</h2>
<ul>
<li>files can be inserted (images are displayed) in markdown using the insert image button</li>
<li>notes can be encrypted and decrypted using the <strong>"lock buttons"</strong> for additional security</li>
<li>current date/time can be added using the <strong>"clock button"</strong></li>
</ul>
<hr />
<h3>Plugins</h3>
<ul>
<li>
<p><strong>Enable Hard Breaks</strong></p>
<p><code>When enabled, the lines are changed with single new lines</code></p>
</li>
<li>
<p><strong>Enable Footnotes</strong></p>
<p><em>Example -</em></p>
</li>
</ul>
<pre><code>Footnotes[^1] have a label[^@#$%] and the footnote's content. 

[^1]: This is a footnote content.

[^@#$%]: A footnote on the label: &quot;@#$%&quot;. 
</code></pre>

<ul>
<li><strong>Enable Definition Lists</strong></li>
</ul>
<pre><code class="markdown">Apple
:   Pomaceous fruit of plants of the genus Malus in
    the family Rosaceae. 

Orange
:   The fruit of an evergreen tree of the genus Citrus.
</code></pre>

<dl>
<dt>Apple</dt>
<dd>Pomaceous fruit of plants of the genus Malus in<br />
the family Rosaceae. </dd>
<dt>Orange</dt>
<dd>The fruit of an evergreen tree of the genus Citrus.</dd>
</dl>
<ul>
<li><strong>Enable Markdown in HTML</strong></li>
</ul>
<pre><code>This is *true* markdown text.

&lt;div markdown=&quot;1&quot;&gt;
This is *true* markdown text.
&lt;/div&gt;
</code></pre>

<ul>
<li>
<p><strong>Enable Superscript</strong></p>
<p><code>x^y^</code> =  x<sup>y</sup></p>
</li>
<li>
<p><strong>Enable Subscript</strong></p>
<p><code>H~2~O</code> = H<sub>2</sub>O</p>
</li>
<li>
<p><strong>Enable Auto Detect Links</strong></p>
<p><a href="https://www.duckduckgo.com/">https://www.duckduckgo.com/</a></p>
</li>
<li>
<p><strong>Enable Smart Symbols</strong></p>
<p><code>(tm)</code> = &trade;<br />
<code>(c)</code> = &copy;<br />
<code>(r)</code> = &reg;<br />
<code>(c)</code> = &#8453;<br />
<code>+/-</code> = &plusmn;<br />
<code>--&gt;</code> = &rarr;<br />
<code>&lt;--</code> = &larr;<br />
<code>&lt;--&gt;</code> = &harr;<br />
<code>=/=</code> = &ne;<br />
<code>1/4</code> = &frac14;<br />
<code>1st 2nd</code> = 1<sup>st</sup> 2<sup>nd</sup></p>
</li>
<li>
<p><strong>Enable Strike</strong></p>
<p><code>~~striked text~~</code> = <s>striked text</s></p>
</li>
</ul>