Headers
1 md 2 h1 Headers 3 br 4 h1 h1 Heading 8-) 5 h2 h2 Heading 6 h3 h3 Heading 7 h4 h4 Heading 8 h5 h5 Heading 9 h6 h6 Heading
# Headers
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Emphasis
1 md 2 h1 Emphasis 3 br 4 p 5 + Emphasis, aka italics, with 6 em asterisks 7 + or 8 em underscores 9 + . 10 br 11 p 12 + Strong emphasis, aka bold, with 13 b asterisks 14 + or 15 b underscores 16 + . 17 br 18 p 19 + Combined emphasis with 20 b asterisks and 21 em underscores 22 + . 23 br 24 p Strikethrough uses two tildes. 25 del Scratch this. 26 br 27 p 28 b This is bold text 29 br 30 p 31 b This is bold text 32 br 33 p 34 em This is italic text 35 br 36 p 37 em This is italic text 38 br 39 p 40 del Strikethrough
# Emphasis
Emphasis, aka italics, with_asterisks_or_underscores_.
Strong emphasis, aka bold, with**asterisks**or**underscores**.
Combined emphasis with**asterisks and_underscores_**.
Strikethrough uses two tildes.~~Scratch this.~~
**This is bold text**
**This is bold text**
_This is italic text_
_This is italic text_
~~Strikethrough~~
Horizontal Rules
1 md 2 h1 Horizontal Rules 3 br 4 p Three or more... 5 br 6 hr 7 p Hyphens 8 br 9 hr 10 p Asterisks 11 br 12 hr 13 p Underscores 14 br
# Horizontal Rules
Three or more...
***
Hyphens
***
Asterisks
***
Underscores
Blockquotes
1 md 2 h1 Blockquotes 3 br 4 quote 5 p 6 + Blockquotes are very handy in email to emulate reply text. 7 + This line is part of the same quote. 8 p Quote break. 9 br 10 quote 11 p 12 + This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can 13 em put 14 + 15 b Markdown 16 + into a blockquote. 17 quote 18 p Blockquotes can also be nested... 19 quote 20 p ...by using additional greater-than signs right next to each other... 21 quote 22 p ...or with spaces between arrows.
# Blockquotes
> Blockquotes are very handy in email to emulate reply text.This line is part of the same quote.
Quote break.
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can_put_**Markdown**into a blockquote.
> Blockquotes can also be nested...
> ...by using additional greater-than signs right next to each other...
> ...or with spaces between arrows.
Links
1 md 2 h1 Links 3 br 4 p 5 a I'm an inline-style link 6 href https://www.google.com 7 br 8 p 9 a I'm an inline-style link with title 10 href https://www.google.com 11 title Google's Homepage 12 br 13 p 14 a I'm a reference-style link 15 href https://www.mozilla.org 16 br 17 p 18 a I'm a relative reference to a repository file 19 href ../blob/master/LICENSE 20 br 21 p 22 a You can use numbers for reference-style link definitions 23 href http://slashdot.org 24 br 25 p 26 + Or leave it empty and use the 27 a link text itself 28 href http://www.reddit.com 29 + . 30 br 31 p 32 + URLs and URLs in angle brackets will automatically get turned into links. 33 + 34 a http://www.example.com 35 href http://www.example.com 36 + or 37 a http://www.example.com 38 href http://www.example.com 39 + and sometimes 40 + example.com (but not on Github, for example). 41 br 42 p Some text to show that the reference links can follow later.
# Links
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link](https://www.mozilla.org)
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions](http://slashdot.org)
Or leave it empty and use the[link text itself](http://www.reddit.com).
URLs and URLs in angle brackets will automatically get turned into links.[http://www.example.com](http://www.example.com)or[http://www.example.com](http://www.example.com)and sometimesexample.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Images
1 md 2 h1 Images 3 br 4 p Here's our logo (hover to see the title text): 5 br 6 p 7 + Inline-style: 8 + 9 img 10 src https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 11 title Logo Title Text 1 12 alt alt text 13 br 14 p 15 + Reference-style: 16 + 17 img 18 src https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 19 title Logo Title Text 2 20 alt alt text 21 br 22 p 23 img 24 src https://octodex.github.com/images/minion.png 25 alt Minion 26 + 27 + 28 img 29 src https://octodex.github.com/images/stormtroopocat.jpg 30 title The Stormtroopocat 31 alt Stormtroopocat 32 br 33 p Like links, Images also have a footnote style syntax 34 br 35 p 36 img 37 src https://octodex.github.com/images/dojocat.jpg 38 title The Dojocat 39 alt Alt text 40 br 41 p With a reference later in the document defining the URL location:
# Images
Here's our logo (hover to see the title text):
Inline-style:
Reference-style:
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Videos
1 md 2 h1 YouTube Videos 3 br 4 html 5 a 6 href http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE 7 target _blank 8 img 9 src http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg 10 alt IMAGE ALT TEXT HERE 11 width 240 12 height 180 13 br 14 p 15 a 16 href https://www.youtube.com/watch?v=ciawICBvQoE 17 img 18 src https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/YouTube_logo_2015.svg/1200px-YouTube_logo_2015.svg.png 19 alt IMAGE ALT TEXT HERE
# YouTube Videos
<!doctype html>
<html>
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" />
</a>
</html>
[](https://www.youtube.com/watch?v=ciawICBvQoE)
Footnotes
1 md 2 h1 3 a Footnotes 4 href https://github.com/markdown-it/markdown-it-footnote 5 br 6 p Footnote 1 link[^first]. 7 br 8 p Footnote 2 link[^second]. 9 br 10 p Inline footnote^[Text of inline footnote] definition. 11 br 12 p Duplicated footnote reference[^second]. 13 br 14 p [^first]: Footnote 15 b can have markup 16 br 17 code 18 indented 19 + and multiple paragraphs. 20 p [^second]: Footnote text.
#
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote**can have markup**
```undefined
and multiple paragraphs.
```
[^second]: Footnote text.
Lists
1 md 2 h1 Lists 3 br 4 ol 5 li First ordered list item 6 li 7 + Another item 8 + ⋅⋅* Unordered sub-list. 9 li 10 + Actual numbers don't matter, just that it's a number 11 + ⋅⋅1. Ordered sub-list 12 li And another item. 13 br 14 p ⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown). 15 br 16 p 17 + ⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ 18 + ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ 19 + ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.) 20 br 21 ul 22 li Unordered list can use asterisks 23 ul 24 li Or minuses 25 ul 26 li Or pluses 27 br 28 ol 29 li Make my changes 30 ol 31 li Fix bug 32 li Improve formatting 33 ul 34 li Make the headings bigger 35 li Push my commits to GitHub 36 li Open a pull request 37 ul 38 li Describe my changes 39 li Mention all the members of my team 40 ul 41 li Ask for feedback 42 br 43 ul 44 li 45 + Create a list by starting a line with 46 codespan + 47 + , 48 codespan - 49 + , or 50 codespan * 51 li Sub-lists are made by indenting 2 spaces: 52 ul 53 li Marker character change forces new list start: 54 ul 55 li Ac tristique libero volutpat at 56 ul 57 li Facilisis in pretium nisl aliquet 58 ul 59 li Nulla volutpat aliquam velit 60 li Very easy!
# Lists
1. First ordered list item
2. Another item
⋅⋅* Unordered sub-list.
3. Actual numbers don't matter, just that it's a number
⋅⋅1. Ordered sub-list
4. And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
* Unordered list can use asterisks
* Or minuses
* Or pluses
1. Make my changes
1. Fix bug
2. Improve formatting
* Make the headings bigger
2. Push my commits to GitHub
3. Open a pull request
* Describe my changes
* Mention all the members of my team
* Ask for feedback
* Create a list by starting a line with`+`,`-`, or`*`
* Sub-lists are made by indenting 2 spaces:
* Marker character change forces new list start:
* Ac tristique libero volutpat at
* Facilisis in pretium nisl aliquet
* Nulla volutpat aliquam velit
* Very easy!
Tasks
1 md 2 h1 Task lists 3 br 4 ul 5 li Finish my changes 6 checked 7 task 8 li Push my commits to GitHub 9 task 10 li Open a pull request 11 task 12 li 13 checked 14 task 15 + @mentions, #refs, 16 a links 17 href 18 + , 19 b formatting 20 + , and 21 html 22 del 23 + tags 24 html 25 html __dummy_root__ 26 + supported 27 li list syntax required (any unordered or ordered list supported) 28 checked 29 task 30 li this is a complete item 31 task 32 li this is an incomplete item 33 task
# Task lists
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
- [x] @mentions, #refs,[links](),**formatting**, and<!doctype html>
<html>
<del></del>
</html>
tags<!doctype html>
<html>
<!doctype html>
<html>
</html>
</html>
supported
- [x] list syntax required (any unordered or ordered list supported)
- [ ] this is a complete item
- [ ] this is an incomplete item
Tables
1 md 2 h1 Tables 3 br 4 p Colons can be used to align columns. 5 br 6 table 7 thead 8 th Tables 9 th Are 10 th Cool 11 tbody 12 tr 13 td col 3 is 14 td right-aligned 15 td $1600 16 tr 17 td col 2 is 18 td centered 19 td $12 20 tr 21 td zebra stripes 22 td are neat 23 td $1 24 p 25 + There must be at least 3 dashes separating each header cell. 26 + The outer pipes (|) are optional, and you don't need to make the 27 + raw Markdown line up prettily. You can also use inline Markdown. 28 br 29 table 30 thead 31 th Markdown 32 th Less 33 th Pretty 34 tbody 35 tr 36 td Still 37 td `renders` 38 td nicely 39 tr 40 td 1 41 td 2 42 td 3 43 table 44 thead 45 th First Header 46 th Second Header 47 tbody 48 tr 49 td Content Cell 50 td Content Cell 51 tr 52 td Content Cell 53 td Content Cell 54 table 55 thead 56 th Command 57 th Description 58 tbody 59 tr 60 td git status 61 td List all new or modified files 62 tr 63 td git diff 64 td Show file differences that haven't been staged 65 table 66 thead 67 th Command 68 th Description 69 tbody 70 tr 71 td `git status` 72 td 73 + List all 74 em new or modified 75 + files 76 tr 77 td `git diff` 78 td 79 + Show file differences that 80 b haven't been 81 + staged 82 table 83 thead 84 th Left-aligned 85 th Center-aligned 86 th Right-aligned 87 tbody 88 tr 89 td git status 90 td git status 91 td git status 92 tr 93 td git diff 94 td git diff 95 td git diff 96 table 97 thead 98 th Name 99 th Character 100 tbody 101 tr 102 td Backtick 103 td ` 104 tr 105 td Pipe 106 td |
# Tables
Colons can be used to align columns.
|Tables |Are |Cool |
|-------------|-------------|-----|
|col 3 is |right-aligned|$1600|
|col 2 is |centered |$12 |
|zebra stripes|are neat |$1 |
There must be at least 3 dashes separating each header cell.The outer pipes (|) are optional, and you don't need to make theraw Markdown line up prettily. You can also use inline Markdown.
|Markdown|Less |Pretty|
|--------|---------|------|
|Still |`renders`|nicely|
|1 |2 |3 |
|First Header|Second Header|
|------------|-------------|
|Content Cell|Content Cell |
|Content Cell|Content Cell |
|Command |Description |
|----------|----------------------------------------------|
|git status|List all new or modified files |
|git diff |Show file differences that haven't been staged|
|Command |Description|
|------------|-----------|
|`git status`|List all_new or modified_files|
|`git diff` |Show file differences that**haven't been**staged|
|Left-aligned|Center-aligned|Right-aligned|
|------------|--------------|-------------|
|git status |git status |git status |
|git diff |git diff |git diff |
|Name |Character|
|--------|---------|
|Backtick|` |
|Pipe |\| |
Code and Syntax Highlighting
1 md 2 h1 Code and Syntax Highlighting 3 br 4 p 5 + Inline 6 codespan code 7 + has 8 codespan back-ticks around 9 + it.
# Code and Syntax Highlighting
Inline`code`has`back-ticks around`it.
Code - c#
1 md 2 code 3 lang c# 4 + using System.IO.Compression; 5 + 6 + #pragma warning disable 414, 3021 7 + 8 + namespace MyApplication 9 + { 10 + [Obsolete("...")] 11 + class Program : IInterface 12 + { 13 + public static List<int> JustDoIt(int count) 14 + { 15 + Console.WriteLine($"Hello {Name}!"); 16 + return new List<int>(new int[] { 1, 2, 3 }) 17 + } 18 + } 19 + }
```c#
using System.IO.Compression;
#pragma warning disable 414, 3021
namespace MyApplication
{
[Obsolete("...")]
class Program : IInterface
{
public static List<int> JustDoIt(int count)
{
Console.WriteLine($"Hello {Name}!");
return new List<int>(new int[] { 1, 2, 3 })
}
}
}
```
Code - css
1 md 2 code 3 lang css 4 + @font-face { 5 + font-family: Chunkfive; src: url('Chunkfive.otf'); 6 + } 7 + 8 + body, .usertext { 9 + color: #F0F0F0; background: #600; 10 + font-family: Chunkfive, sans; 11 + } 12 + 13 + @import url(print.css); 14 + @media print { 15 + a[href^=http]::after { 16 + content: attr(href) 17 + } 18 + }
```css
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}
body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^=http]::after {
content: attr(href)
}
}
```
Code - javascript
1 md 2 code 3 lang javascript 4 + function $initHighlight(block, cls) { 5 + try { 6 + if (cls.search(/\bno\-highlight\b/) != -1) 7 + return process(block, true, 0x0F) + 8 + ` class="${cls}"`; 9 + } catch (e) { 10 + /* handle exception */ 11 + } 12 + for (var i = 0 / 2; i < classes.length; i++) { 13 + if (checkCondition(classes[i]) === undefined) 14 + console.log('undefined'); 15 + } 16 + } 17 + 18 + export $initHighlight;
```javascript
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;
```
Code - php
1 md 2 code 3 lang php 4 + require_once 'Zend/Uri/Http.php'; 5 + 6 + namespace Location\Web; 7 + 8 + interface Factory 9 + { 10 + static function _factory(); 11 + } 12 + 13 + abstract class URI extends BaseURI implements Factory 14 + { 15 + abstract function test(); 16 + 17 + public static $st1 = 1; 18 + const ME = "Yo"; 19 + var $list = NULL; 20 + private $var; 21 + 22 + /** 23 + * Returns a URI 24 + * 25 + * @return URI 26 + */ 27 + static public function _factory($stats = array(), $uri = 'http') 28 + { 29 + echo __METHOD__; 30 + $uri = explode(':', $uri, 0b10); 31 + $schemeSpecific = isset($uri[1]) ? $uri[1] : ''; 32 + $desc = 'Multi 33 + line description'; 34 + 35 + // Security check 36 + if (!ctype_alnum($scheme)) { 37 + throw new Zend_Uri_Exception('Illegal scheme'); 38 + } 39 + 40 + $this->var = 0 - self::$st; 41 + $this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class)); 42 + 43 + return [ 44 + 'uri' => $uri, 45 + 'value' => null, 46 + ]; 47 + } 48 + } 49 + 50 + echo URI::ME . URI::$st1; 51 + 52 + __halt_compiler () ; datahere 53 + datahere 54 + datahere */ 55 + datahere
```php
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
interface Factory
{
static function _factory();
}
abstract class URI extends BaseURI implements Factory
{
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
static public function _factory($stats = array(), $uri = 'http')
{
echo __METHOD__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
return [
'uri' => $uri,
'value' => null,
];
}
}
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahere
```
Html
1 md 2 h1 Inline HTML 3 br 4 html 5 dl 6 dt Definition list 7 dd Is something people use sometimes. 8 dt Markdown in HTML 9 dd Does *not* work **very** well. Use HTML 10 em tags 11 + .
# Inline HTML
<!doctype html>
<html>
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML
<em>tags</em>
.</dd>
</dl>
</html>