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...
Text
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:
This code is perfect for the titles
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:
This code is perfect for paragraphs because it helps us to have a more orderly, structured and visually pleasing appearance.
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:
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.
Imagen
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:
|||
|---|---|
Result:
| |
|---|
Tables and lists
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:
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:
- First term
- Second term
- Third term
- Second term
Sources
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
Separator
To place a simple spacer like the ones in this post you only need to place three times the _ floor without spaces like this: ___
Youtube videos
To place a Youtube video just place the URL of the video in the post and the language will automatically place it.
Emojis
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:
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:
 )  |
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by daysi.diaz from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.
If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.
this post is very useful for those of us who are starting in steemit, thank you
Hola gracias por tu post pero lo tendrás en español!! Quiero aprender! Saludos