Mastering the art of markdown will not only make your work beautiful, but will go a long way to make your work easier to access and read. Markdown helps the writer to organize his works.

MARKDOWN
Markdown is a way to style text on the web. You control the display ;formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with markdown using characters like # or *.

Below are some important markdowns techiques with examples to help you understand the use of markdown.

HEADLINES
Headlines are a very important part of any work(writing). It can be used to differentiate or introduce ideas.There are ways to ways to effect markdown on headline;

• By introducing the # symbol before the headline, the headline sizes tend to decrease by number of # symbol placed before the headlines. Take for example; if you wanted to make a heading of the word ENGLISH, by putting the # symbol before it we get the results

ENGLISH

ENGLISH

ENGLISH

ENGLISH

ENGLISH

ENGLISH .... in that order

Center headline, italics

To shift or to make a headline at the center simply put; # <center>before the heading ,say 'ENGLISH' and </center> at the end of it .The corresponding result would be

>> ENGLISH

To effect italics style simply put the * symbol before and after the heading .For instance,'ENGLISH'.The corresponding result would look like >> ENGLISH

TEXT
There are quite a number of actions you could perform on the text ;ranging from aligning of text into two cells, justify text, text subscript and superscript, referencing ,to mention but a few.

• Aligning of text :

periodically we might want to arrange texts into columns or seperate to different languages,ideas in columns .we can effect this using markdown. For instance ,lets say i have these two sentences as the advantage and disadvantage of air transportation respectively;

'Air transportation as a means of transportation is relatively safer than other means of transport. Air transportation is very expensive'.

If i wish to arrange this two ideas into different columns; simply i will have to place <div class="pull-right"> before ' air transportation as a means of transportation is relatively safer than other means of transport',and at the end of it we insert </div> before we align the second idea 'Air transportation is very expensive'
Thus, we will obtain the following ressult

Air transportation is very expensive.

• Justify text:

Justifying text in Word adjusts the spaces between words so that the text is aligned relative to a column. Right- and left-justified text forms a straight vertical line at the right- and left-hand margins, respectively.
EXAMPLE-let us justify this text "Stimulants, such as cocaine and methamphetamines, can damage the heart and blood vessels.
The long-term use of these drugs can lead to coronary artery disease, arrhythmia, and heart attack".
We do so by putting < div class="text-justify> at the beginning of the text and </div> at the ending. The corresponding result would be

• Adding superscripts and subscripts

To add superscript simply use the syntax <sup> before the word or number and </sup> after it . IF it was a subscript in the same manner replace 'sup' with 'sub' in the syntax.
EXAMPLES: oxygen( O₂ ) was achieved using O<sub>2</sub>

in the same manner, 2³ was achieved using 2<sup>3</sup>.
Again you can superscript a reference just in the same manner. let's say I want to reference http://facebook.com, I simply put <sup>[any choice word or number] before it and </sup> after it. We get the following result >>
^{choice number} .

• creating strikes over a text :To do this simply use the syntax ~~, before and and after the text. EXAMPLE
  plagiarism

LINKS
LINKS are very important while writing,they serve as source to more information to what you are writing.It can also be used to reference one's work.
we can add links by simply using this syntax []() .also note that by using @ with a word automatically it becomes a link in steemit .we can also hide links using the same syntax.

TABLES

Sometimes we may need to provide some data or information in the form of tables.We can also achieve this using syntax.

A table comprises of a number of parts namely; the header,the rows,columns. with the header being simply the first row and cell the first column.

To create as much header(row) as you want simply use the syntax -
Header 1 | HEADER 2 | Header 3 | Header 4 ... in this manner

To create corresponding cells(columns) we simply use the syntax-

-|-|-|-

Ok lets try something. let's make a table of rows and columns

ethereum	bitcion	ripple	stella lumen
0.5	3.5	9.0	1.0

just like that in that manner you can create as much columns and rows as you need.

You can also use html to create tables .This information is available here.
NB: notice that number of rows equals number of column.Also there are no spaces between the syntaxes(| and -) .

VIDEOS AND IMAGES
Sometimes it's important to provide information to the source of your videos, sometimes we might need to insert videos into our works for quality demonstration of idea.Which ever reason it is that we need this video ;you can put up this effects using syntax'

Take for instance you are talking about forex and need to upload a video let's say from youtube. Simply use the youtube video link copied

This will automatically do the trick for you. Example lets upload a video from yoube on bitcoin
ranking

For images : there are a number of actions you can do to inserted images ;such as align to the left, right, center.you can also make your image a clickable one ,i.e to open to a new bigger version or to its source. For example let's upload and image and perform thisactions on it .

image source

We can align this image to the left side or to the right or even to the center .

Let's align image to the right-Simply copy the steemitimage link and remove![text] (last parenthesis) then insert <div class="pull-right"> and </div> at the beginning and ending of image link respectively.

This is the product of inserting the syntax along side the image link

In the same manner we can choose to align the image to the left. Let's try this-Simply copy the steemitimage link and remove![text] (last parenthesis) then insert <div class="pull-left"> and </div> at the beginning and ending of image link respectively.

This is the product of inserting the syntax along side the image link

Let's align the IMAGE to the center-Simply copy the steemitimage link and remove![text] (last parenthesis) then insert <center> and </center> at the beginning and ending of the image link respectively.

This is the product of inserting the syntax along side the image link

I sincerely hope this piece will serve as a useful tool to you in the course of your work.For more tips and guide lines visit original post by @katerinaramm here2