diff options
Diffstat (limited to 'markdown.html.markdown')
-rw-r--r-- | markdown.html.markdown | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/markdown.html.markdown b/markdown.html.markdown index 9a863bac..7541f904 100644 --- a/markdown.html.markdown +++ b/markdown.html.markdown @@ -10,7 +10,7 @@ Markdown was created by John Gruber in 2004. It's meant to be an easy to read an Give me as much feedback as you want! / Feel free to fork and pull request! -``` +```markdown <!-- Markdown is a superset of HTML, so any HTML file is valid Markdown, that means we can use HTML elements in Markdown, such as the comment element, and they won't be affected by a markdown parser. However, if you create an HTML @@ -39,7 +39,7 @@ This is an h2 ------------- <!-- Simple text styles --> -<!-- Text can be easily styled as italic, bold, or strikethrough using markdown --> +<!-- Text can be easily styled as italic or bold using markdown --> *This text is in italics.* _And so is this text._ @@ -52,7 +52,7 @@ __And so is this text.__ *__And this!__* <!-- In Github Flavored Markdown, which is used to render markdown files on -Github, we also have: --> +Github, we also have strikethrough: --> ~~This text is rendered with strikethrough.~~ @@ -126,6 +126,14 @@ render the numbers in order, but this may not be a good idea --> * Sub-item 4. Item four +<!-- There are even task lists. This creates HTML checkboxes. --> + +Boxes below without the 'x' are unchecked HTML checkboxes. +- [ ] First task to complete. +- [ ] Second task that needs done +This checkbox below will be a checked HTML checkbox. +- [x] This task has been completed + <!-- Code blocks --> <!-- You can indicate a code block (which uses the <code> element) by indenting a line with four spaces or a tab --> @@ -201,11 +209,11 @@ can be anything so long as they are unique. --> <!-- Images --> <!-- Images are done the same way as links but with an exclamation point in front! --> -![This is hover-text (alt text) for my image](http://imgur.com/myimage.jpg "An optional title") +![This is the alt-attribute for my image](http://imgur.com/myimage.jpg "An optional title") <!-- And reference style works as expected --> -![This is the hover-text.][myimage] +![This is the alt-attribute.][myimage] [myimage]: relative/urls/cool/image.jpg "if you need a title, it's here" |