This page is about the standard Markdown syntax mapped to standard HTML element.
Note that you can add support for more with unified plugins.
By default, we apply the Remark Gfm to add
the GitHub Syntax
List
Name | Markdown syntax | Equivalent HTML |
|---|
a | markdown [Combo](https://combostrap.com "title")
| html <p><a href="https://combostrap.com" title="title">Combo</a></p>
|
|---|
blockquote | markdown > A greater than…
| html <blockquote>
<p>A greater than…</p>
</blockquote>
|
|---|
br | markdown A backslash\
before a line break…
| html <p>
A backslash<br/>
before a line break…
</p>
|
|---|
code | markdown Some `backticks` for inline.
```javascript
backtick.fences('for blocks')
```
| html <p>
Some <code>backticks</code> for inline.
</p>
<pre>
<code className="language-javascript">backtick.fences('for blocks')</code>
</pre>
|
|---|
em | markdown Some *asterisks* for emphasis.
| html <p>Some <em>asterisks</em> for emphasis.</p>
|
|---|
h1 | markdown # One number sign…
| html <h1>One number sign…</h1>
|
|---|
h2 | markdown ## Two number signs…
| html <h2>Two number signs…</h2>
|
|---|
h3 | markdown ### Three number signs…
| html <h3>Three number signs…</h3>
|
|---|
h4 | markdown #### Four number signs…
| html <h4>Four number signs…</h4>
|
|---|
h5 | markdown ##### Five number signs…
| html <h5>Five number signs…</h5>
|
|---|
h6 | markdown ###### Six number signs…
| html <h6>Six number signs…</h6>
|
|---|
hr | markdown Three asterisks for a thematic break:
***
| html <p>Three asterisks for a thematic break:</p>
<hr />
|
|---|
img | markdown 
| html <p><img src="/logo.png" alt="Alt text" title="title" /></p>
|
|---|
li | markdown * asterisks for unordered items
1. decimals and a dot for ordered items
| html <ul>
<li>asterisks for unordered items</li>
</ul>
<ol>
<li>decimals and a dot for ordered items</li>
</ol>
|
|---|
ol | markdown 1. decimals and a dot for ordered
| html <ol>
<li>decimals and a dot for ordered</li>
</ol>
|
|---|
p | markdown Just some text…
| html <p>Just some text…</p>
|
|---|
pre | markdown ```javascript
backtick.fences('for blocks')
```
| html <pre><code class="language-javascript">backtick.fences('for blocks')
</code></pre>
|
|---|
strong | markdown Two **asterisks** for strong.
| html <p>Two <strong>asterisks</strong> for strong.</p>
|
|---|
ul | markdown * asterisks for unordered
| html <ul>
<li>asterisks for unordered</li>
</ul>
|
|---|
Ref
This table was adapted from the Mdx table of components