1. Basic Formatting
2. Headings
3. Lists
4. Quotes
5. Links
6. Images
7. Tables
8. Horizontal Rules
9. Lines and Paragraphs
10. Code Formatting

Use * or _ to format text (1 = italic, 2 = bold, 3 = bold + italic)

Italic: _single underscore_ / *single asterisk*

Bold: __double underscore__ / **double asterisk**

Bold + Italic: ___triple underscores___ /
***triple asterisks***

Underline: ++is done with pluses++

Strike through: ~~is done with double tildes~~

Formatted output:

Use the pound key (#) to produce bold headings:

# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading

Formatted output:

Use lines starting with + or #. and a space to make a list:

Bulleted lists (use *, - or +)

+ JavaScript
+ TypeScript
+ Angular


Make sure to leave a blank line above and
below the list for it to render correctly!


Numbered list

1.  Breakfast
2.  Lunch
3.  Dinner


To do nested lines, use 4 spaces to indent:

+ First item
+ Second item
    - Child item 1
    - Child item 2
    - Child item 3
+ Third item

Formatted output:

Use the > symbol to make a quote:

> A penny saved is a penny earned.

Example of multilevel quotes:

> Quotes can also be indented
>> This is a level 2 quote
>>> And here is a level 3 quote

Quotes can also work with other formatting options:

> ## A TODO list.
>
> 1.   Read a **good** book.
> 2.   _Maybe_ get some sleep.

Formatted output:

Links use a [Link Text](URL) syntax:

Example link with title
[Link Text](https://www.wealthmeta.com/ "Our Website")

No title
[Link Text](https://www.wealthmeta.com/)


Reference style links:

Links can be referenced like: [Google] [1],
[Wikipedia] [2] and [Twitter] [3].

  [1]: https://google.com/        "Google"
  [2]: https://www.wikipedia.org/  "Wikipedia"
  [3]: https://twitter.com/    "Twitter"

Formatted output:

Links use a  syntax:

![Useful Description Here](https://d3bxp9sx65hgh1.cloudfront.net/23.04.3/images/wealth_meta_logo.png)

A link tag wrapping an image:

[![Useful Description Here](https://d3bxp9sx65hgh1.cloudfront.net/23.04.3/images/wealth_meta_logo.png)](https://www.wealthmeta.com/ "Wealth Meta Link")

Formatted output:

Tables use pipes | to deliniate columns:

| Animals | Fictional Characters |
| ------ | ----------- |
| Dogs | Snoopy, Clifford, Scooby |
| Cats | Sylvester, Garfield |
| Rabbits | Bugs Bunny, Rodger Rabbit |

Formatted output:

Three ways to make a horizontal rule:

With underscores

___

With asterisks

***

With underscores

---

Formatted output:

Markdown can be picky about line spacing:

When lines are adjacent...
they are part of the same paragraph.

But when lines are separate.

They are on different paragraphs.

Formatted output:

Code formatting is initiated with the ` (backtick) character.

To use it inline, surround the item, eg:
Write the `run()` function.

Code blocks are delineated by three backticks.

```
var s = "Here we go with Markdown";
console.log(s);
```


A language name can be provided so it renders better.

```javascript
var s = "Here we go with Highlighted Markdown!";
console.log(s);
```

Lines can also be highlighted with `hl_lines`

```css hl_lines="2 3 4"
.comment-message {
  a {
    color: #4183C4 !important;
  }
}
```

An alternate way to do code blocks is to indent 4 spaces, eg:

    SELECT * FROM table WHERE name = 'garfield';
    SELECT * FROM table WHERE animal = 'cat';


Language specification and highlighting also
works with 4 space indentation as follows:

    :::python hl_lines="2"
    s = "Python string here"
    print s

Formatted output:

var s = "Here we go with Markdown";
console.log(s);

var s = "Here we go with Highlighted Markdown!";
console.log(s);

.comment-message {
  a {
    color: #4183C4 !important;
  }
}

SELECT * FROM table WHERE name = 'garfield';
SELECT * FROM table WHERE animal = 'cat';

s = "Python string here"
print s