Introduction to Markdown
Published: 12-06-2011 | Author: Remy van Elst | Text only version of this article
❗ This post is over ten years old. It may no longer be up to date. Opinions may have changed.
Table of Contents
- What is a lightweight markup language?
- What is Markdown?
- Advantages of markdown
- Disadvantages of markdown
- Applications & Websites
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.
I'm developing an open source monitoring app called Leaf Node Monitoring, for windows, linux & android. Go check it out!
Consider sponsoring me on Github. It means the world to me if you show your appreciation and you'll help pay the server costs.
You can also sponsor me by getting a Digital Ocean VPS. With this referral link you'll get $100 credit for 60 days.
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.
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]
MarkDown lets you write for the web, using simple syntax which is understandable even if it is not converted to HTML.
Advantages of markdown
- Write articles and texts faster than in HTML
- Easy to read when not converted
- Very fast to learn
- HTML can be embedded very easy
- A lot of applications compatible with it
Disadvantages of markdown
- No Table support (some dialects have it, but the standard does not).
- No text colour options (you need to use html for that)
- Some dialects support more options than others.
- Targeted at web style markup
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.
Websites that support markdown as a markup language
Online markdown editors
- John Combe's editor
- online markdown editor by werner robitza
Offline Markdown editors
This is a list sorted by Operating System
MAC OS X
- Any of the online editors
Below I'll give some examples, both HTML and Markdown code.
# This is an H1 ## This is an H2 ###### This is an H6
<h1>This is an H1</h1> <h2>This is an H2</h2> <h6>This is an H6</h2>
* unordered list * item 2 - Dashes * or stars + or Plusses * also subitems - in sublists * Doesn't matter, all lists
<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>
1. Item 1 2. Item 2 1. Item 3 3. Item 4 1. Subitem 1 2. Subitem 2 4. Item 5
<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>
> blockquote. Lalalalalala > second line of blockquote > and third line
<blockquote> <p>blockquote. Lalalalalala<br> second line of blockquote<br> and third line</p> </blockquote>
--- - - - - ****************************
<hr /> <hr /> <hr />
[link name](http://example.org) [link name 2][id] (elsewhere on the page) [id]: http://address.ext "title of the link"
Tags: introduction , markdown , markup , tutorial , tutorials
<a href="httpx://linkaddres.ext">link name</a><br> <a href="httpx://address.ext" title="title of the link">link name 2</a>