The ultimate Markdown tutorial

---

As you probably found out or already knew, the first thing that hits your viewers is the look/design of your posts. Today I'll show you how to use the Markdown language and create nicer posts.

1. Introduction

---

Markdown is a lightweight markup language with plain text formatting syntax.
It is often use to format different text files like readme files or online forum posts.

2. What will you learn here

---

In this tutorial I will show you how to use and create headings, lists, text styles, block quotes, code and more.

3. The actual tutorial

---

Below we'll start the tutorial.

3.1 Headings

---

There are two ways you can create headings, first is by using the heading code or the # sign.
Example:

<h1> This is the biggest heading </h1>

This is the biggest heading

This is how you use it's own code and it can go from <h1> which is the biggest to <h5> which is the smallest.

# This is the biggest heading

This is the biggest heading

Now for the # you can use from # up to ##### for the smallest text.

3.2 Lists

---

To create an ordered list you can add 1. on any row

1. First
1. Second
1. Third

1. First
2. Second
3. Third

For an unoredered list you can use one of those 3 signs * - +

- steemit is awesome 1
- steemit is awesome 2
- steemit is awesome 3

• steemit is awesome 1
• steemit is awesome 2
• steemit is awesome 3

3.3 Text styles

---

Italic text can be created in two ways.

*This text is italic*
This text is italic

_This text is italic too_
This text is italic too

Same as the italic text, bold can be done in two ways.

**This text is bold**
This text is bold

__This text is bold too__
This text is bold too

3.4 Blockqutoes

---

If you want to quote someone you can do it like this.

>My blockquote

My blockquote

You can go even further and do this

>>A quote in another quote

A quote in another quote

Even further

>>>A quote in another quote that's already in a quote

A quote in another quote that's already in a quote

Another nice trick

>Ady
>>Was
>>>Here!

Ady

Was

Here!

3.4 Code

---

Every example from above was created using the code tag to show you how the code needs to be when you want to create something, if you want to add something as a code you need to use the tag "dot" which is ` , use it before and after the text you want to have inside a code block.

-> dot here I am writing code here <- and here.

A block of code on more then 1 row can be created using 3 times the symbol above and under the text, 1 row above and under using this ``` .

3.5 Other things

---

We're almost done with this tutorial, I want to tell you 1 more thing, if you want to center text or images you can use the tag

.

<center> Your text or link goes here to be centered </center> and don't forget to close the tag at the end

Now that you know how to format your posts you are ready to post so go on and create some great posts.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---