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]()
<div class="text-center">
___
# Text
</div>
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:**
<div class="text-center">
This code is perfect for the titles
</div>
## 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:**
<div class="text-justify">
This code is perfect for paragraphs because it helps us to have a more orderly, structured and visually pleasing appearance.
</div>
## 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">
</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:**
<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">
</div>
___
<div class="text-center">
# Imagen
</div>
## 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:**
<div class="text-center">
https://media.giphy.com/media/2dhCfDUZnzPVRhZKbc/giphy.gif
</div>
## 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:
```
|||
|---|---|
```
**Result:**
|||
|---|---|
___
<div class="text-center">
# Tables and lists
</div>
## 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:**
|<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>|
## 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
___
<div class="text-center">
# Sources
</div>
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](https://steemit.com/@mery.morales25)
___
<div class="text-center">
# Separator
</div>
To place a simple spacer like the ones in this post you only need to place three times the `_` floor without spaces like this: `___`
___
<div class="text-center">
# Youtube videos
</div>
To place a Youtube video just place the URL of the video in the post and the language will automatically place it.
___
<div class="text-center">
# Emojis
</div>
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:
<div class="text-center">
[Emojis](https://steemit.com/spanish/@rojassartorio/emojis-muy-pro-para-steemit)
## Thank you so much for taking the time to read to me, I hope you liked it.
Finally, I would like to invite you to the Discord of the @milkbox.info project to meet and participate in it:
https://discord.gg/YhbqDv
</div>
|<center>*Follow to @milkbox.info on:* </center>|
|---|
|<center>[<a href="URL-Instagram" target="_blank"><img alt="sígueme en Instagram" height="32" src="http://2.bp.blogspot.com/-kQop92g4NsM/UidPJ06ER1I/AAAAAAAACAA/0mj0jK5hhXM/s1600/instagram2.png" title="sígueme en Instagram" width="32" /></a>)](https://www.instagram.com/milkbox.info/)[](https://twitter.com/MilkboxInfo) [](https://steemit.com/@milkbox.info)</center>|
hiveblocks