This post is dedicated to all those people who are starting in the world of Steemit and want to learn how to make better post using the Markdown language.

In addition, I am looking forward to helping and cooperating with the entire @milkbox.info community, and hope that it will be very useful to @steemschools...

Source

To make our post even more eye-catching, it needs to be well-structured and for this we will have several tools at our disposal:

1) Italics

These are one of the most basic ways to highlight a text. To place any word in italics you only need to place an * (Asterisk) around the word.

Code:
*Tomorrow I'll have pizza*
Result:
Tomorrow I'll have pizza

2) Bold

To place any word in bold type we only need to place two ** (Asterisks) around the word as follows:
Code:
**I'm hungry**
Result:
I'm hungry

3) Bold and italics

To place any word in bold and italics we will only need to place three *** (Asterisks) around the word as follows:
Code
***Minesweeper***
Result:
Minesweeper

4) Titles

To place a title of any size, use the # (numerals) followed by a space, the more numerals the smaller the letter will be:
Code:
# The colors
## The colors
### The colors
#### The colors
##### The colors
###### The colors

Result:

The colors

The colors

The colors

The colors

The colors

The colors

5) Quotes

To make a quote from another site, use the > (Greater than) symbol followed by a space before the sentence
Code:
> "Man is born free, and everywhere there are chains. Of the others he thinks he is the master and is himself the most enslaved" Jean Jacques.

Result:

"Man is born free, and everywhere there are chains. Of the others he thinks he is the master and is himself the most enslaved" Jean Jacques.

6) Centered

To center a text or even an image you will need to enclose this that you want to center in the following code:

<div class="text-center"> (This code should go to the beginning, followed by enter)
This code is perfect for the titles (Text, followed by enter)
</div> (This code should go to the end to close)
Result:

7) Justified

To place the paragraphs of your text in a justified way you will need to place the following codes in the same way you centered a text:

Code:
<div class="text-justify"> (This code should go to the beginning)

This code is perfect for paragraphs because it helps us to have a more orderly, structured and visually pleasing appearance. (Text)

</div> (This code should go to the end to close)

Result:

8) Booklet

For this we use codes that place our texts both on the right and on the left, for example:

Code:

<div class="pull-right">

**VANISHING POINT**
A vanishing point is the place in the imagen where most of the lines are directed,and serves to make us understand that our main objective is to direct our gaze towards this point.

</div>

<div class="pull-left">

![IMG_1284.jpg](https://steemitimages.com/DQmPKLKbxcDvVnTuVtMN1cGnEbSupdbb8CzQYE8nVfXEZGR/IMG_1284.jpg)

</div>

As we can see there is a Code that we use to place what we want to place on the right side and another one for the left side each one closed with </div>.

Result:

---

1) Insert image

To insert an image there are two ways that are the simplest, the first is to import from our PC and the second is through an image server like www.imgur.com, here we can resize the photo, if we want, and then copy the direct link that is the one we need.

We can also go to Google image search and copy the path of the image. All it takes is those links to make the language recognize it.

2) Gif

This is a simple way to condense the content in a fun way, just go to www.giphy.com and follow the steps, when our Gif is ready just copy the path of the image and paste it into the part of our post that we find most convenient.

For example:
This is a gif code: https://media.giphy.com/media/2dhCfDUZnzPVRhZKbc/giphy.gif

Result:

3) Image gallery

To place several images in the same post you can also choose to place a gallery, for this you must have the following codes:

|![IMG_1284.jpg](https://steemitimages.com/DQmPKLKbxcDvVnTuVtMN1cGnEbSupdbb8CzQYE8nVfXEZGR/IMG_1284.jpg)|![IMG_1284.jpg](https://steemitimages.com/DQmPKLKbxcDvVnTuVtMN1cGnEbSupdbb8CzQYE8nVfXEZGR/IMG_1284.jpg)|
|---|---|

Result:

---

1) Tables

• To place tables, we use the same code we used in the galleries, this symbol | serves to define each cell.

• It should be noted that the tables may have the rows and columns you want by altering the code:

|Winner No. 1| Winner No. 2|Winner No. 3|
|---|---|---|
|Pepe Delgado|Fulanito|Mengano|

Result:

Winner No. 1	Winner No. 2	Winner No. 3
Pepe Delgado	Fulanito	Mengano

Note: To place the text in the cells centered and give a more pleasant appearance only the code will be modified in the following way:

|<center>Winner No.  1</center>|<center>Winner No.  2</center>|<center>Winner No.  3</center>|
|---|---|---|
|<center>Pepe Delgado</center>|<center>Flunito</center>|<center>Mengano</center>|

Result:

Winner No. 1	Winner No. 2	Winner No. 3
Pepe Delgado	Flunito	Mengano

2) Lists

To create a list or table of contents you can use numbers, - or *. Always in line with the first letter of the previous term.

1. First term
     - Second term
        * Third term

Result:

1. First term
   • Second term
     • Third term

---

To place the fonts of an image or text we need to use the following code:

[Source](https://steemit.com/@mery.morales25)

It is important to place the keyword in square brackets followed by the link in parentheses, without spaces in between.

Result:
Source

---

To place a simple spacer like the ones in this post you only need to place three times the _ floor without spaces like this: ___

---

To place a Youtube video just place the URL of the video in the post and the language will automatically place it.

---

To put funny emojis in your post or in the title you only need to see the following article to know which code belongs to the emoji you want to use:

Follow to @milkbox.info on:
)