Spines
Learn CenterHelpMarkdown → Markdown Syntax
Updated on 05.06.16

Markdown Syntax

Markdown is a plain text formatting syntax that allows you to add style, links and images to a simple text document. You can use Markdown to give format to the text of your ideas in Spines.

Markdown is really easy to learn and use. Let’s review some basic but useful features.

Headers

There are six sizes of headers (usually called headers 1 to 6) available to Markdown. You mark a sentence as a header by prefixing the # character, like this:

# This is a size 1 header

The previous example is rendered as:

This is a size 1 header

The number of # characters you write corresponds with the size of the header displayed:

## This is a size 2 header

This header is size 3

A smaller, size 4 header

This is just a size 5
Size 6 is the tiniest

</code>

translates to:

This is a size 2 header

This header is size 3

A smaller, size 4 header

This is just a size 5
Size 6 is the tiniest

Paragraphs

Usually, text written in Markdown is automatically inserted in paragraphs. To create a new paragraph, leave a blank line before writing again.

This sentence automatically creates a paragraph in Markdown. This sentence belongs to the same paragraph although is in a new line.
This sentence has created a new paragraph.

Bold

To mark a word as bold, use asterisks. Writing:

The last word is **bold**.

gives you:

The last word is bold.

Italics

A single underscore surrounding a word marks it as italics:

Write in _italics_ for emphasis.

produces:

Write in italics for emphasis.

You can combine different marks in the same sentence or word:

Using **bold** and _italics_ for _**extreme emphasis**_.

creates the expected but not particulary recommended output:

Using bold and italics for extreme emphasis.

Strikethrough

To emphasize a correction, you can add two tildes before and after a word or sentence:

She was ~~born~~ raised in Germany.

will be rendered as:

She was born raised in Germany.

A web address (URL) is automatically converted into a clickable link:

http://spines.me

will be displayed like:

http://spines.me

You can create more functional HTML links with the following syntax:

[The New York Times](http://www.nytimes.com) is a newspaper.

generates:

The New York Times is a newspaper.

You can also write links in two reference-style formats:

[The New York Times][1] is a newspaper. [1]: http://www.nytimes.com
[The New York Times] is a newspaper. [The New York Times]: http://www.nytimes.com

and both examples will produce the same result:

The New York Times is a newspaper.

### Images

Similarly, you can embed online images:

![La Gioconda (Wikipedia)](http://spines.me/img/help/Mona_Lisa.jpg)

to obtain:

La Gioconda (Wikipedia)
La Gioconda (Wikipedia)

Blockquotes

A simple prefix denotes quoted text:

> There was a table set out under a tree in front of the house, and the March Hare and the Hatter were having tea at it: a Dormouse was sitting between them, fast asleep, and the other two were using it as a cushion, resting their elbows on it, and talking over its head.

will result in:

There was a table set out under a tree in front of the house, and the March Hare and the Hatter were having tea at it: a Dormouse was sitting between them, fast asleep, and the other two were using it as a cushion, resting their elbows on it, and talking over its head.

Code span

Code spans are delimited by backticks. If you type This is a span code line. the output will look like this:

This is a span code line.

Code blocks

Standard Markdown converts text with three backticks (```) at the beginning and at the end of your code snippet into a code block. Example:

$(function(){ $('div').html('Hello World!'); });

If you add to the same example the keyword javascript right after the open backticks the output will be automatically highlighted like this:

$(function(){ $('div').html('Hello World!') });

It supports dozens of common programming languages, check the full list here.

Tables

If you feel courageous, you can even draw tables in Markdown: | Model | Color | Price | | ------ |---------| ------:| | Globe | Black | $99 | | Scala | Blue | $199 | | Palais | Crimson | $399 |

will be converted to:

Model Color Price
Globe Black $99
Scala Blue $199
Palais Crimson $399