Research & Development
Markdown Cheetsheet

Phrase Emphasis

*italic*  surround with asterisks or underscores _italic_
**bold**  surround with two asterisks or underscores __bold__

Links

Inline:

An [example](http://url.com/ "Title")

Reference-style labels (titles are optional):

An [example][id]. Then, anywhere
else in the doc, define the link:

  [id]: http://example.com/  "Title"

Images

Inline (titles are optional):

![alt text](/path/img.jpg "Title")

Reference-style:

![alt text][id]

  [id]: /url/to/img.jpg "Title"

Can't use Markdown with Highslide due to the onClick:

<a href="/assets/pix/projects/jigsaw3.jpg" class="highslide floatrightm" onclick="return hs.expand(this)" style="max-width:30%">
 <img src="/assets/pix/projects/jigsaw3.jpg" class="img-responsive" alt="filmstrip" title="Click to enlarge">
</a>

Headers

atx-style (closing #'s are optional):

# Header 1 with id="some-id" {#some-id}

# Header 1 with class="some-class" {.some-class}

## Header 2 ##

###### Header 6

Setext-style:

Header 1
========

Header 2
--------

Lists

Ordered, without paragraphs:

1.  Foo
2.  Bar

Unordered, with paragraphs:

*   A list item.

    With multiple paragraphs.

*   Bar

You can nest them:

*   Abacus
    * ass
*   Bastard
    1.  bitch
    2.  bupkis
        * BELITTLER
    3. burper
*   Cunning

Blockquotes

> Email-style angle brackets
> are used for blockquotes.

> > And, they can be nested.

> #### Headers in blockquotes
> 
> * You can quote a list.
> * Etc.

Horizontal Rules

Three or more dashes or asterisks:

---

***

----

Manual Line Breaks

End a line with two or more spaces:

Roses are red,   
Violets are blue.

Code Spans

<code> spans are delimited
by back-ticks: `<h1>this is inline code`.

You can include literal backticks
like `` `this` ``.

Preformatted Code Blocks

Indent every line of a code block by at least 4 spaces or 1 tab.

 This is a normal paragraph.

    This is a preformatted
    code block.

or use a code fence

~~~
This is a preformatted
code block.
~~~

Classes used at ShaneBow

Float with margin
.floatleftm - float left with a right & bottom margin
.floatrightm - float right with a left & bottom margin
.img-responsive - make image fill its container
table.tbl-hor-min-b

Learn More