Paragraphs
HTML <p>Paragraphs are lines of text (single returns are collapsed into a space)</p> <p>Blank lines indicate a new paragraph</p> Images
HTML <p>Images can be embedded: <img source= "http://www.dogs.com/top_dog.png" title="" alt="Image of dog" /></p> Ordered Lists
List items are enclosed in <ol></ol> Unordered Lists
List items are enclosed in <ul></ul> Headers - atx style
Headers - Setext style
Text Effects
Resources
| Horizontal Rule
HTML <hr /> Links
HTML Links are added like this: <a href="http://www.feedmecheese.org/">link to Cheatography</a> Block Quotes
HTML <blockquote> <p>This is a blockquote</p> </blockquote> Code Blocks Option 1
HTML <pre><code>Indent text 4 characters or one tab</code></pre> Code Blocks Option 2
HTML <p><code>This is code</code></p> Code Syntax Highlighting
HTML <p>Code fencing (with backticks) and language:</p> <div class="highlight highlight-javascript"> <pre> if (isBad) { return false } </pre> </div> (incomplete, shown for GitHub) |
Cheatography
https://cheatography.com
Markdown Cheat Sheet by Simon Fermor
Markdown / HTML Comparison
How's Your Readability?
Cheatography is sponsored by Readable.com. Check out Readable to make your content and copy more engaging and support Cheatography!
Created By
Metadata
Favourited By
Comments
Great cheat sheet, Simon! I think in the "text effects" section, you need to escape the asterisks around "Bold" (use a backslash), as Cheatography uses a variant of Markdown for its own formating.
Thanks, nice catch. I just need a way to avoid back ticks being interpreted too...
Hi Simon. No problem - you can now escape backticks in the same way as other special characters.
Nice!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by Simon Fermor