Elements
Headers
H1
H2
H3
H4
H5
H6
View Code...
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.
View Code...
Highlight
I am highlighted text.View Code...
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.
View Code...
Links
View Code...
Line Breaks
Here’s a line for us to start with.
This line is separated from the one above by two newlines, so it will be a separate paragraph.
This line is also a separate paragraph, but… This line is only separated by a single newline, so it’s a separate line in the same paragraph.
View Code...
Horizontal Rule
View Code...
Three or more Underscores, Hyphens or Asterisks…
Code
Inline code
has back-ticks around
it.
s = "Code Block Test";
print s;
View Code...
Syntax Highlighting
var s = "This is JavaScript syntax highlighting";
alert(s);
s = "But this is Python syntax highlighting"
print s
View Code...
Github Gists
View Code...
To include a single file just add the file name after the gist ID:
{% gist 3c466b... Hello%20World.java %}
or{% gist 3c466b... hello.py %}
Buttons
GitHub GitHub GitHub GitHubView Code...
To center your buttons, surround it with the following HTML tag:
<p class="text-center"> {% include ... %} </p>
Know more about buttons from Bootstrap Buttons
Ordered List
- First ordered list item
- Another item
- Unordered sub-list.
- Actual numbers don’t matter, just that it’s a number
- Ordered sub-list
- And another item.
Some text that should be aligned with the above item.
View Code...
Unordered List
- Unordered list can use asterisks
- Or minuses
- Or pluses
View Code...
List Group
View Code...
Table Of Contents
View Code...
Images
View Code...
Figures
View Code...
Carousel
View Code...
Videos
View Code...
How to get a YouTube video ID?
The video ID is located in the URL of the video page, right after thev=
URL parameter.
In this case, the URL of the video is:https://www.youtube.com/watch?v=aZNbUITN-mA
.
Therefore, the ID of the video isaZNbUITN-mA
.
Tables
Left | Center | Right |
---|---|---|
col 3 is | right-aligned | $160000 |
col 2 is | centered | $12 |
Use | Markdown |
$1 |
View Code...
Task List
- A Task List
- With some items that
- Are not done yet