Skip to content

Basic Markdown style sheet

Jackson Couse edited this page Jul 24, 2013 · 2 revisions

Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format that our system can convert to structurally valid XHTML (or HTML) for publishing online. We use a version called "Github Flavoured Markdown."

This guide is intended as a quick reference and showcase. For more info, see the Github-flavored Markdown info page. For a complete background on the tool, see John Gruber's original Markdown specification.

Note, users of Prose.io and Draftin.com also have built-in Markdown cheat-sheets in their writing environment.

Table of Contents

  1. Paragraphs
  2. Headers
  3. Emphasis
  4. Lists
  5. Links
  6. Images
  7. Tables
  8. Blockquotes
  9. Horizontal Rule
  10. Embedded videos
## Paragraphs

Paragraphs are writen normaly, as you would write a letter or an email. Each paragraph starts on a new line, with an empty line between paragraphs, like this:

This is a new paragraph. It is a short one.

This is another new paragraph. It is a little bit longer, but not by much!
## Headers

Headers are marked using an octothorpe # sign (also called a "hash" or a "pound") before the header-text.

# Header 1 
## Header 2
### Header 3 
#### Header 4
##### Header 5
###### Header 6

becomes

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
## Emphasis

Emphasis, aka italics, are marked with *asterisks* or _underscores_.

Strong emphasis, aka bold, are marked with **asterisks** or __underscores__.

Combined emphasis can use both **asterisks and _underscores_**.

Strikethrough uses two ~~tildes~~.

## Lists

Ordered ists

Ordered lists use a number 1. and a space, and then the item, like this:

1. First ordered list item
2. Another item
  * Unordered sub-list. 
1. Actual numbers don't matter, just that it's a number
  1. Ordered sub-list
4. And another item.  
   
   Some text that should be aligned with the above item.

Which becomes:

  1. First ordered list item
  2. Another item
  • Unordered sub-list.
  1. Actual numbers don't matter, just that it's a number

  2. Ordered sub-list

  3. And another item.

    Some text that should be aligned with the above item.

Unordered lists

Unordered, or bullet, lists use a star *, minus -, or plus + sign to start the line, a space, and then the item:

* Unordereds list can use asterisks
- Or minuses
+ Or pluses

Becomes:

  • Unordered lists can use asterisks
  • Or minuses
  • Or pluses
## Links

Markdown supports two style of links: inline and reference.

In both styles, the link text is delimited by [square brackets].

To create an inline link, use a set of regular parentheses immediately after the link text’s closing square bracket. Inside the parentheses, put the URL where you want the link to point, along with an optional title for the link, surrounded in quotes. For example:

[Google](http://google.ca) becomes Google

To create a reference link, use a set of square brackets immediately after the link text's closing square bracket. Inside the parentheses, put an identifier. The identifier can be a number or text. Then, at the end of your document, repeat the parenthesis and identifier, followed by a colon :, a space, and the link URL. For example:

[Slashdot][1] Followed by your text, then [1]: http://slashdot.org at the very end of your document becomes [Slashdot][1] [1]: http://slashdot.org

## Images

Markdown uses an image syntax that is intended to resemble the syntax for links, allowing for two styles: inline and reference.

![Alt text](/path/to/img.jpg) or ![alt text][logo] plus a refernce at the end of the document: [logo]: /path/to/image.png "Logo Title Text"

## Tables

Simple tables are supported by Github Flaboured Markdown.

Use pipes | to mark your columns. Colons can be used to align columns. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily.

  | Tables        | Are           | Cool  |
  | ------------- |:-------------:| -----:|
  | col 3 is      | right-aligned | $1600 |
  | col 2 is      | centered      |   $12 |
  | zebra stripes | are neat      |    $1 |

becomes

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

and

  Markdown | Less | Pretty
  --- | --- | ---
  *Still* | `renders` | **nicely**
  1 | 2 | 3

becomes

Markdown Less Pretty
Still renders nicely
1 2 3
## Blockquotes

Blockquotes are easy! Just start your line with a righ angle-bracket >:

> Blockquotes are very handy in an article for emphasizing a passage of text or a quote.
> 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. 

becomes

Blockquotes are very handy in an article for emphasizing a passage of text or a quote. 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.

Horizontal Rule

Three or more sort dashes --- will create a horizontal rule, like this:


## Embedded videos

Copy the iframe code from the video source and paste it into your document at the point you want the video to appear. the code will start with <iframe> and end with </iframe>, like this:

<iframe width="420" height="315" src="//www.youtube.com/embed/Xe1TZaElTAs" frameborder="0" allowfullscreen></iframe>
<iframe width="420" height="315" src="//www.youtube.com/embed/Xe1TZaElTAs" frameborder="0" allowfullscreen></iframe>

small Amnesty International logo and logotype banner

Clone this wiki locally