Markdown Cheat Sheet for easy reference
Markdown Cheat Sheet for easy reference
| Name | Markdown code | HTML code | Result |
|---|---|---|---|
| Italic | *text* or _text_ | <i>text</i> | text |
| Bold | **text** or __text__ | <b>text</b> | text |
| Italic+Bold | __*text*__ or **_text_** | <i><b>text</b></i> | text |
| Strikethrough | ~~text~~ | <strike>text</strike> | |
| Superscript | not available | 10 m<sup>2</sup> | 10 m2 |
| Subscript | not available | CO<sub>2</sub> | CO2 |
| H1 | # text | <h1>text</h1> | text |
| H2 | ## text | <h2>text</h2> | text |
| H3 | ### text | <h3>text</h3> | text |
| H4 | #### text | <h4>text</h4> | text |
| H5 | ##### text | <h5>text</h5> | text |
| H6 | ###### text | <h6>text</h6> | text |
| Center | not available | <center>text</center> | doesn't work in table |
| Quote | not available | <q>text</q> | text |
| Blockquote | >text | <blockquote>text</blockquote> | text |
| Code | `text` | <code>text</code> | text |
| Multiple Line Code | ```text``` | <code>text</code> | text |
| Image left (text next to it) | not available | <div class="pull-left">Image here</div>Text will be displayed next to image | doesn't work in table |
| Image right (text next to it) | not available | <div class="pull-right">Image here</div>Text will be displayed next to image | doesn't work in table |
| Text justify | not available | <div class="text-justify">Text here</div>Text will look like a magazine | doesn't work in table |
| line | *** | <hr> | doesn't work in table |
Some Examples
Center Text
<center>Text is centered</center>
Image left
<div class="pull-left">Image here</div>Text will be displayed next to image
Image right
<div class="pull-right">Image here</div>Text will be displayed next to image
Text left and right
The above used method can be used with just text as well. The <BR><BR> is added to make the right aligned text stand out more.
<div class="pull-right">Some text that will be displayed at the right side of the screen, with other text floating around it.<BR><BR></div>Text will be displayed next to text.
Text justify
Text filled out from left to right margin, like it is done in a magazine.
This only works in combination with <div class="pull-left"></div> or <div class="pull-right"></div>
<div class="pull-left"><div class="text-justify">Text will look like a magazine. </div></div>Text will be inserted after (next to) the justified text
Text will be inserted after (next to) the justified text
Table 1
Name | Address | City
-|-|-
Jones | Street 123 | Hometown
Smith | Lane 345 | Somewhere
| Name | Address | City |
|---|---|---|
| Jones | Street 123 | Hometown |
| Smith | Lane 345 | Somewhere |
Table 2
Name | Address | City | Fee
-|-|-:
Jones | Street 123 | Hometown | 1.23
Smith | Lane 345 | Somewhere | 13.67
| Name | Address | City | Fee |
|---|---|---|---|
| Jones | Street 123 | Hometown | 1.23 |
| Smith | Lane 345 | Somewhere | 13.67 |
(right column is right aligned due to : )