Markdown: An introduction
By Jonatan Littke. Updated 2 years, 1 month ago. 49,757 unique views.
Markdown is a way to format your text to add bold and italic text, images, headings and a few other things, without having to use HTML.
SimpleEditions is one of many websites that support Markdown, so when you write a tutorial you can format your text using the following syntax:
Bold and italic text
To create italic text, surround one or a few words with stars:
This is how you create *italic text*.
To create bold text, surround one or a few words with double stars:
This is how you create **bold text**.
If you have to, you can make your text both bold and italic:
This is how you create ***bold and italic text***.
A bullet list
Create bullet lists using stars:
* Item 1 * Item 2 * Item 3
Will look like this:
- Item 1
- Item 2
- Item3
You can also use plus (+) or minus (-) instead of a star.
Creating links
Combine brackets and parenthesis to create links in the text. It's quite simple:
Here's [a great website](https://simpleeditions.com). It'll float your boat.
Will look like this:
Here's a great website. It'll float your boat.
Headers
Markdown has support for different levels of headers using the hash sign (#):
# This is the title Here's some very good boiler plate text. I don't even know what a boiler is, even less a plate. ## This is the subheader Subheaders are awesome. Even better than you think. ### This is the third level header. And so on.
Will look like this:
This is the title
Here's some very good boiler plate text. I don't even know what a boiler is, even less a plate.
This is the subheader
Subheaders are awesome. Even better than you think.
This is the third level header.
And so on.
When converted to HTML, the first level header will be a <h1>
element, a third level header will be a <h3>
, etc. At SimpleEditions there's only one first level header per page, namely the title (in this case, it's "Markdown: An introduction", a bit further up). Therefore, you typically always begin with a second level header (## Like this) when you write your tutorial text.
Quotes
Add a greater-than sign (>) in front of anything you are quoting, and the text will be moved slightly towards the middle.
> "Never increase, beyond what is necessary, > the number of entities required to explain anything." > – *William Ockham*
Will look like this:
"Never increase, beyond what is necessary,
the number of entities required to explain anything."
– William Ockham
Note how the name, William Ockham, is surrounded by stars to make it render in italic text.
Further reading
This tutorial only cover the basics of Markdown, but there are a few more tricks available.
Comments (1)
rimatala: (3 months ago)
Just what I was looking for. I was actually adding special users. Thanks! http://www.friv2g.org
Login or join SimpleEditions to participate.