Skip to main content

Raymii.org Logo (IEC resistor symbol) logo

Quis custodiet ipsos custodes?
Home | About | All pages | RSS Feed | Gopher

Introduction to Markdown

Published: 12-06-2011 | Author: Remy van Elst | Text only version of this article


Table of Contents


Markdown is a lightweight markup language. In this article I'll introduce you to Markdown, give a few examples and an overview of markdown-related software.

If you like this article, consider sponsoring me by trying out a Digital Ocean VPS. With this link you'll get $100 credit for 60 days). (referral link)

What is a lightweight markup language?

A lightweight markup language is a markup language with a easy and simple syntax, designed to be easy for a human to enter with a simple text editor, and easy to read in its raw form.
Lightweight markup languages are used in applications where people might be expected to read the document source as well as the rendered output. For instance, a person downloading a software library might prefer to read the documentation in a text editor rather than a browser.
Another application is for entry in web-based publishing, such as weblogs and wikis, where the input interface is a simple text box. The server software converts the input to a common document markup language like HTML or XHTML.

Wikipedia Article

What is Markdown?

From the creator of markdown:

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, then convert it to structurally valid XHTML (or HTML). [DaringFireball.net][2]  

MarkDown lets you write for the web, using simple syntax which is understandable even if it is not converted to HTML.

Advantages of markdown

Disadvantages of markdown

Applications & Websites

There are a lot of sites that support and use markdown. I will also mention a few editors with markdown support.
Altough every text editor is a markdown editor, these applications have extra features like live preview or a handy button bar.

Official Markdown Page

Websites that support markdown as a markup language
Online markdown editors
Offline Markdown editors

This is a list sorted by Operating System

MAC OS X
Windows
Linux

Examples

Below I'll give some examples, both HTML and Markdown code.

Headers

In Markdown:

# This is an H1   
## This is an H2    
###### This is an H6  

In HTML:

<h1>This is an H1</h1>
<h2>This is an H2</h2>
<h6>This is an H6</h2>
Unordered Lists

In Markdown:

* unordered list 
* item 2
- Dashes
* or stars
+ or Plusses
  * also subitems
  - in sublists
* Doesn't matter, all lists 

In HTML:

<ul>
<li>unordered list </li>
<li>item 2</li>
<li>Dashes</li>
<li>or stars</li>
<li>or Plusses</li>
<ul>
  <li> also subitems</li>
  <li> in sublists</li>
</ul>
<li>Doesn't matter, all lists</li>
</ul>
Ordered Lists

In Markdown:

1. Item 1
2. Item 2
1. Item 3
3. Item 4
  1. Subitem 1
  2. Subitem 2
4. Item 5

In HTML:

<ol>
<li>Item 1<br>
</li>
<li>Item 2<br>
</li>
<li>Item 3<br>
</li>
<li>Item 4<br>
<ol>
  <li>Subitem 1</li>
  <li>Subitem 2</li>
</ol>
</li>
<li>Item 5</li>
</ol>
Blockquotes

In Markdown:

> blockquote. Lalalalalala
> second line of blockquote
> and third line

In HTML:

<blockquote>
<p>blockquote. Lalalalalala<br>
second line of blockquote<br>
and third line</p>
</blockquote>
Horizontal Lines

In Markdown:

---
- - - - 
****************************    

In HTML:

<hr />
<hr />
<hr />
Links

In Markdown:

[link name](http://example.org)
[link name 2][id]

(elsewhere on the page)
[id]: http://address.ext "title of the link" 

In HTML:

<a href="httpx://linkaddres.ext">link name</a><br>
<a href="httpx://address.ext" title="title of the link">link name 2</a>
Tags: introduction , markdown , markup , tutorial , tutorials