Markdown is a very handy way of producing content for the web without having to write HTML. It allows you to write text using its very simple syntax and then converts it to structurally valid HTML.
If you’re looking to use the Markdown syntax for your web documents, we’ve created a cheatsheet that can help you learn and understand the syntax. While there are many flavors of Markdown, this list contains all the syntax of the core Markdown spec and some supported by Github Flavoured Markdown.
Download this Cheatsheet
Enter your email below to receive this PDF cheatsheet in your Inbox.
| Markdown | HTML |
|---|---|
| Plain Text | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, accusantium provident necessitatibus corrupti culpa cum? Culpa, aspernatur vel perferendis doloremque facere reiciendis illum eaque laborum, voluptatum, quos minus omnis dicta. | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, accusantium provident necessitatibus corrupti culpa cum? Culpa, aspernatur vel perferendis doloremque facere reiciendis illum eaque laborum, voluptatum, quos minus omnis dicta.</p> |
| Headings | |
| # Text | <h1>Text</h1> |
| ## Text | <h2>Text</h2> |
| ### Text | <h3>Text</h3> |
| #### Text | <h4>Text</h4> |
| ##### Text | <h5>Text</h5> |
| ###### Text | <h6>Text</h6> |
| Emphasis | |
| **Strong** or __strong__ | <strong>Strong</strong> |
| *Emphasis* or _emphasis_ | <em>Emphasis</em> |
| ~~Strikethrough~~ | <del>Strikethrough</del> |
| Links | |
| [MTE](https://www.maketecheasier.com/) | <a href=”https://www.maketecheasier.com/”>MTE</a> |
| [MTE](https://www.maketecheasier.com/ “Search”) | <a href=”https://www.maketecheasier.com/” title=”Search”>MTE</a> |
| [mte]:https://www.maketecheasier.com/ “Search”[MTE][mte] | <a href=”https://www.maketecheasier.com/” title=”Search”>MTE</a> |
| <https://www.maketecheasier.com> | <a href=”https://www.maketecheasier.com”>https://www.maketecheasier.com</a> |
| Named Anchors | |
| [Chapter 1](#chapter-1) | <a href=”#chapter-1″>Chapter 1</a> |
| [Chapter 2](#chapter-2) | <a href=”#chapter-2″> Chapter 2</a> |
| [Chapter 3](#chapter-3) | <a href=”#chapter-3″>Chapter 3</a> |
| Images | |
|  | <img src=”/path/to/img.jpg” alt=”Alt Text” /> |
|  | <img src=”/path/to/img.jpg” alt=”Alt Text” title=”Title”/> |
| [img1]: /path/to/img.jpg “Title” ![Alt Text] [img1] | <img src=”/path/to/img.jpg” alt=”Alt Text” title=”Title”/> |
| Tables | |
| | Company | Tagline | | ——| ————————————–| | Google | Don’t be evil | | Nike | Just do it | | Reddit | frontpage of the internet | | <table> <tr> <th>Company</th> <th>Tagline</th> </tr> <tr> <td>Google</td> <td>be evil </td> </tr> <tr> <td>Nike</td> <td>Just do it</td> </tr> <tr> <td>Reddit</td> <td>Frontpage of the Internet</td> </tr> </table> |
| Horizontal Rule | |
| * * * | <hr /> |
| – – – | <hr /> |
| Inline Code | |
| use `<header>` instead of `<div id=”header”>` | use <code><header></code> instead of <code><div id=”header”></code> |
| Code Blocks | |
| ` ` ` section { float: left; margin: 0 auto; }` ` ` | <pre><code>section { float: left; margin: 0 auto; } </code></pre> |
| Lists | |
| Unordered List
* Android |
<ul><li>Android</li> |
| Ordered List
1. First | <ol> <li>First</li> <li>Second</li> <li>Third <ol> <li>Alpha</li> <li>Beta</li> </ol> </li> </ol> |
| Blockquotes | |
| > make tech > easier | <blockquote> <p>make tech easier</p> </blockquote> |
| > make tech easier | <blockquote> <p>make tech easier</p> </blockquote> |
| > Level One > > > Level Two > > > > > Level Three | <blockquote> <p>Level One</p> <blockquote> <p>Level Two</p> <blockquote> <p>Level Three</p> </blockquote> </blockquote> </blockquote> |
Image credit: Smartphone and a exercise book by DepositPhotos
Our latest tutorials delivered straight to your inbox
