Mermaid
sequenceDiagram
participant A as Alice
participant J as John
A->>J: Hello John, how are you?
J->>A: Great!
Emphasis
**bold** _italics_ ~~strikethrough~~ ==mark==
bold italics strikethrough ==mark==
Headers
# H1
## H2
### H3
#### H4
##### H6
###### H7
H1
H2
H3
H4
H5
H6
Lists
- Generic list item
- Generic list item
- Generic list item
1. Numbered list item
2. Numbered list item
3. Numbered list item
- Generic list item
- Generic list item
- Generic list item
- Numbered list item
- Numbered list item
- Numbered list item
Links
<http://www.example.com>
[Open in same tab](http://www.example.com)
[Open in new tab](tab:http://www.example.com)
Or use the heading id (the slugified name of the header) as an internal link...
[Internal link](#headers)
Or use the heading id (the slugified name of the header) as an internal link…
Linebreaks
Adding a single line break will not be rendered as a line break.
Here's some text.
Here's some more text.
Here’s some text. Here’s some more text.
To add a single line break use a \ or two spaces at the end of the line.
Here's some text.\
Here's some more text.
Here’s some text.
Here’s some more text.
Quotes
> This is a quote.
> It can span multiple lines!
This is a quote. It can span multiple lines!
Tables
| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |
Or without aligning the columns...
| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |
Column 1 | Column 2 | Column 3 |
---|---|---|
John | Doe | Male |
Mary | Smith | Female |
Or without aligning the columns…
Column 1 | Column 2 | Column 3 |
---|---|---|
John | Doe | Male |
Mary | Smith | Female |
Displaying code
var example = "hello!";
Or spanning multiple lines…
var example = "hello!";
alert(example);
Footnotes
Here is a simple footnote,1 and here is a longer one.named-note
Then at the bottom of your post…