The Markdown Guide, Refer to the reference guides for basic syntax and extended syntax.
Markdown | HTML | Rendered Output |
---|---|---|
# Heading level 1 |
<h1>Heading level 1</h1> |
Heading level 1 |
## Heading level 2 |
<h2>Heading level 2</h2> |
Heading level 2 |
### Heading level 3 |
<h3>Heading level 3</h3> |
Heading level 3 |
#### Heading level 4 |
<h4>Heading level 4</h4> |
Heading level 4 |
##### Heading level 5 |
<h5>Heading level 5</h5> |
Heading level 5 |
###### Heading level 6 |
<h6>Heading level 6</h6> |
Heading level 6 |
You can add emphasis by making text bold or italic.
Markdown | HTML | Rendered Output |
---|---|---|
**bold** text |
<strong>bold</strong> text |
bold text |
__bold__ text |
<strong>bold</strong> text |
bold text |
Love**is**bold |
Love<strong>is</strong>bold |
Loveisbold |
Markdown | HTML | Rendered Output |
---|---|---|
*italic* text |
<em>italic</em> text |
italic text |
_italic_ text |
<em>italic</em> text |
italic text |
A*cat*meow |
A<em>cat</em>meow |
Acatmeow |
Markdown | HTML | Rendered Output |
---|---|---|
***bold and italic*** |
<em><b>bold and italic</b></em> |
bold and italic |
___bold and italic___ |
<em><b>bold and italic</b></em> |
bold and italic |
A***cat***meow |
A<em><b>cat</b></em>meow |
Acatmeow |
Markdown | HTML | Rendered Output |
---|---|---|
~~The world is flat.~~ |
<s>The world is flat.<s> |
|
Markdown | HTML | Rendered Output | |
---|---|---|---|
Unordered List | - First item - Second item - Third item |
<html><ul><li>First item</li><li>Second item</li><li>Third item</li></ul></html>
|
|
Ordered List | 1. First item 2. Second item 3. Third item |
<html><ol><li>First item</li><li>Second item</li><li>Third item</li></ol></html>
|
|
Markdown | HTML | Rendered Output | |
---|---|---|---|
Blockquotes | > Hello World! |
<blockquote>Hello World!</blockquote> |
Hello World! |
Code | type `nano` in cmd. |
type <code>nano</code> in cmd. |
type nano in cmd. |
Links | Link to [Google](https://www.example.com) |
Link to <a href="https://www.google.com/">Google</a> |
Link to Google |
Images | ![alt text](https://image.jpg) |
<img src="https://image.jpg" alt="alt text"> |
|
Horizontal Rule | --- or *** |
<html><hr></html> |
|
| Syntax | Description |
| --------- | ----------- |
| Header | Title |
| Paragraph | Text |
Rendered as:
Syntax | Description |
---|---|
Header | Title |
Paragraph | Text |
```js
{
"firstName": "John",
"lastName": "Smith",
"age": 25
}
Rendered as:
{
"firstName": "John",
"lastName": "Smith",
"age": 25
}