Greetings to all steemians and welcome everyone who has just arrived on the platform who surely have much to learn, in this publication that I bring you today I will explain a series of instructions so that your content on the platform can be appreciated in the best way.
First of all, I would like to start by suggesting that when you start writing a content in steemit, it should be noted that the text box where we place our content is completely empty and in the upper right corner is written the word editor as shown in the following image:
This way you will be able to use the instructions or syntax Markdown and see a box with a preview of your work below.
Now let's learn the syntax of Markdown to stylize or make our content look better aesthetically with these simple instructions:
Text in bold **This is bold** __This is also bold__
italics *this is italic* _this is also italic_
text strikethrough ~~text strikethrough~~
To separate paragraphs or images we use any number of hyphens followed `---------` this separates your content with a horizontal line.
"write as many scripts as necessary, I always write many"
To make subtitles or headings we will use from 1 to 6 numerals followed depending on what size we want the letter to be, separated from the phrase as follows:
Header number 1. It is written like this: # Header 1
Header number 2. It is written like this: `## Heading 2
Header number 3. It is written like this: ### Header 3
Header number 4. It is written like this: #### Header 4
Header number 5. It is written like this: ##### Header 5
Header number 6. It is written like this: ###### Header 6
To make a block line in code we place the word or phrase between open accents one at the beginning and one at the end. Example; `block line in code` and you would see: block line in.
and to create a multi-line block by code we do it in the same way but with three accents.
Some of these instructions also work for discord and whatsapp
All these syntax or instructions I have just shown you can be made using HTML tags and we will get the same results.
To make the short story I will show you the labels in the table below:
| Markdown | Html |
|---|---|
'Block line in the code' | <code> Blocks the line in the code </ code> |
** Bold ** | <b> Bold </ b> |
__Italica __ | <i> Italica </ i> |
~ ~ Striped text ~~ | <strike> Striped text </ strke> |
##### Header | <h5> Header </ h5> |
Saparator -------- | Separator <hr> |
(the Markdown syntax does not work if you already use HTML tags in a text, paragraph or line )
There are other HTML tags that we can use to put our publications in order, for example to center paragraphs, images, etc. we use the label
<center> we place the content we want to center here </center>The following instruction I think is the most important of all, hyperlink fraces to cite the source of some content taken from the internet to avoid plagiarism
[Source](link)Copy the link or address as you want to call it, from the page where we get the content and paste it between the parentheses where it says "link" to get the word source hyperlinked to the page we want to refer to.
Source
center it and place it under the content to quoteWith the
tags we can make textual quotations or simply highlight some text like for example:<blockquote> </blockquote>
<blockquote>A being without education is an incomplete being. "Simon Bolivar" </blockquote>An uneducated being is an incomplete being. "Simon Bolivar"This is understood from this moment on I am going to explain a little more complex instructions so pay attention.
I'm sure that for many people it is very tedious to have to edit an image to make it the size we want and sometimes it happens that we don't agree and we have to edit the image again until we get the desired size, with the following instructions you will say goodbye to that, you no longer need to edit any image before uploading it to the editor, to upload an image from your computer you just have to drag the image to the editor and wait for it to load. If you notice when we insert an image into our publication a link is generated, for example:
so that you can understand this
![steemit. png]is the name of the image and thisis the image link.
()
How to resize an image?
To resize we remove the name
![image name]the parentheses to the()and it is only necessary to placehttps://steemitimages.com/200x350/before thehttp://where 200x350 refers to the height and width of the image respectively and you can change the number to adjust the size, for example:
https://steemitimages.com/125x256/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png
Image resized to 125x256
https://steemitimages.com/256x512/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png
Image resized to 256x512
Original image size
I recommend updating the page every time you change the dimensions, (press the F5 key)
To justify a paragraph
<div class="text-justify">
<p> Here is the paragraph you want to justify .</p>
</div>We can align the paragraphs or images to the left or right with the following instruction
line up content to the left:
<div class="pull-left">content that I want to align to the left side</div>line up content to the right:
<div class="pull-right">content that I want to line up on the right side</div>
we align only the image link without the name!Picture name]and without parentheses()
we align only the image link without the name!Picture name]and without parentheses()
Finally, I leave you the following 2 instructions to create tables that I know
<table>
<tr>
<td>column 1 line 1</td> <td>column 2 line 1</td> <td>column 3 line 1</td>
</tr>
<tr>
<td>column 1 line 2</td> <td>column 2 line 2</td> <td>column 3 line 2</td>
</tr>
<tr>
<td>column 1 line 3</td> <td>column 2 line 3</td> <td>column 3 line 3</td>
</tr>
</table>
</table>
column 1 line 1 column 2 line 1 column 3 line 1 column 1 line 2 column 2 line 2 column 3 line 2 column 1 line 3 column 2 line 3 column 3 line 3
|Header 1|Header 2|Header 3|
|---|---|---|
|column 1 line 1|column 2 line 1|column 3 line 1|
|column 1 line 2|column 2 line 2|column 3 line 2|
|column 1 line 3|column 2 line 3|column 3 line 3|
Header 1 Header 2 Header 3 column 1 line 1 column 2 line 1 column 3 line 1 column 1 line 2 column 2 line 2 column 3 line 2 column 1 line 3 column 2 line 3 column 3 line 3
You can add or remove the lines and columns you want and even insert images to the table.
byfor steemit.com
