![capture-20180306-205739.png](https://steemitimages.com/DQmPVi8t2ue15GpW1zrMbSH5SpmpGSxZiTiBDN2qFftckaT/capture-20180306-205739.png)

Un saludo a todos los steemians y bienvenidos todos los que recién llegan a la plataforma que de seguro tienen mucho que aprender, en esta publicación que les traigo el día de hoy les voy a explicar una serie de instrucciones para que su contenido en la plataforma pueda apreciarse de la mejor manera.

Primeramente quiero comenzar por sugerirle que a la hora de comenzar a redactar un contenido en steemit se fijen que el cuadro de texto donde colocamos nuestro contenido este completamente vacío y en la esquina superior derecha este escrita la palabra editor como lo muestra la siguiente imagen:

![escritorio.png](https://steemitimages.com/DQmPqB3DrbpZG9ngeJrVQ3gACiXt55W3UcChFqV6HkPoiQ3/escritorio.png)
De esta manera podras usar las instrucciones o sintaxis **Markdown** y observar un recuadro con una vista previa de tu trabajo un poco mas abajo. ![vista previa del cuadro de texto.png](https://steemitimages.com/DQmQB444UMw6p5RNNCyrSfgQ4TWjygKfCm3iMHjBcr8Xwno/vista%20previa%20del%20cuadro%20de%20texto.png)

Ahora aprendamos la sintaxis del Markdown para estilizar o lograr que nuestro contenido se vea mejor estéticamente con estas sencillas instrucciones:

Texto en negritas `**esto es negritas** __esto también es negritas__` letra cursiva o itálica `*esto es cursivas* _esto también es cursiva_` ~~texto tachado~~ `~~texto tachado~~`

Para separar párrafos o imágenes utilizamos cualquier cantidad de guiones seguidos `---------` esto separa tu contenido con una línea horizontal.
"escribe la cantidad de guiones que sea necesario, yo siempre escribo muchos"

Para realizar subtítulos o encabezados utilizaremos de 1 a 6 numerales seguidos dependiendo de qué tamaño queremos que sea la letra, separados de la frase de la siguiente manera:

# Encabezado número 1. Se escribe así: `# Encabezado 1` ## Encabezado número 2. Se escribe así: `## Eencabezado 2` ### Encabezado número 3. Se escribe así: `### Encabezado 3` #### Encabezado número 4. Se escribe así: `#### Encabezado 4` ##### Encabezado número 5. Se escribe así: `##### Encabezado 5` ###### Encabezado número 6. Se escribe así: `###### Encabezado 6`

Para realizar una línea de bloque en código colocamos la palabra o frase entre acentos abiertos uno al inicio y uno al final. Ejemplo; `línea de bloque en código` y se vería así: línea de bloque en código y para crear una multi-linea de bloque en código lo hacemos de la misma manera pero con tres acentos.

Algunas de estas instrucciones también funcionan para discord y whatsapp

### Todas estas sintaxis o instrucciones que le acabo de mostrar las podemos realizar utilizando etiquetas __HTML__ y obtendremos los mismo resultados. Para hacerte el cuento corto te mostrare las etiquetas en la siguiente tabla: |Markdown|Html| |---|---| | ´Linea de bloque en código´|`Linea de bloque en código`| |`**Negritas**`|` Negritas `| |`__Itálica o cursiva__`|` Italica o cursiva `| |`~~Texto tachado~~`|` Texto tachado `| | `##### Encabezado`|`
Encabezado
`| |Saparador `--------`|Separador `
` |

(la sintaxis de Markdown no funciona si en un texto, parrafo o linea ya estas utilizando las etiquetas HTML)

Existes otras etiquetas HTML que podemos utilizar para poner en orden nuestras publicaciones, por ejemplo para centrar párrafos, imágenes, etc. utilizamos la etiqueta `colocamos el contenido que queremos centrar aquí `
La siguiente instruccion creo que es la más importante de todas, hipervincular fraces para citar la fuente de algún contenido tomado de internet para no incurrir en plagio
`[Fuente](link) ` Copiamos el link, enlace o dirección como quieran llamarlo, de la página de donde sacamos el contenido y lo pegamos entre los paréntesis donde dice “link” para obtener la palabra fuente hipervinculada con la pagina a la que queremos hacer referencia [Fuente](link)
lo centramos y lo colocamos debajo del contenido a citar Con las etiquetas ` ` podemos hacer citas textuales o simplemente resaltar algún texto como por ejemplo: `
Un ser sin estudios es un ser incompleto. “Simón Bolívar”
`
Un ser sin estudios es un ser incompleto. “Simón Bolívar”

Entendido ya esto a partir de este momento les voy a explicar unas instrucciones un poco mas complejas así que pongan atención.

Estoy seguro que para muchos resulta muy tedioso tener que editar una imagen para que quede del tamaño que deseamos y a veces sucede que no quedamos conforme y tenemos que volver a editar la imagen hasta conseguir el tamaño deseado, con la siguiente instrucción le dirás adiós a eso, ya no necesitaras editar ninguna imagen antes de subirla al editor, para subir una imagen desde tu computador solo tienes que arrastrar la imagen hasta el editor y esperar que se cargue. Si se dan cuenta cuando insertamos una imagen a nuestra publicación se genera un link(enlace), por ejemplo:

![tutorial steemit.png](https://steemitimages.com/DQmQjT4HftQ35hTZ3cfQtsDwzSGkuyeZ3qf2fc39cnAeWYg/tutorial%20steemit.png) para que entiendan un poco mejor esto ![tutorial steemit.png] es el nombre de la imagen y esto (https://steemitimages.com/DQmQjT4HftQ35hTZ3cfQtsDwzSGkuyeZ3qf2fc39cnAeWYg/tutorial%20steemit.png) es el link de la imgen.

¿Cómo re dimensionar una imagen (cambiar el tamaño)?

Para re dimensionar le quitamos el nombre ![nombre de la imagen] los parentesis al link () y solo hay que colocar https://steemitimages.com/200x350/ antes del http:// donde 200x350 se refiere al alto y el ancho de la imagen respectivamente y puede cambiar el numero para ajustar el tamaño, por ejemplo:

` https://steemitimages.com/125x256/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png` https://steemitimages.com/125x256/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png
Imagen re dimensionada a 125x256
`https://steemitimages.com/256x512/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png` https://steemitimages.com/256x512/https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png
Imagen re dimensionada a 256x512
![TUTORIAL.png](https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png)
Tamaño original de la imagen

Recomiendo actualizar la pagina cada vez que cambie las dimensiones, (presionar la tecla F5)

Para justificar un párrafos

`
` `
Aquí colocas el párrafo que deseas justificar .
` `
`

Podemos alinear a la izquierda o a la derecha los párrafos o imágenes con la siguiente instrucción
alinear contenido a la izquierda: `
contenido que quiero alinear al lado izquierdo
` alinear contenido a la derecha: `
contenido que quiero alinear al lado derecho
`

https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png

alineamos solo el link de la imagen sin el nombre ![nombre de imagen] y sin los paréntesis ()

alineamos solo el link de la imagen sin el nombre ![nombre de imagen] y sin los paréntesis ()

https://steemitimages.com/DQmWiqruTqc69zo21CDdpebBGWcUe8hkLaHPgvnqgzo9Ngh/TUTORIAL.png

Para finalizar les dejo las siguientes los 2 instrucciones para crear tablas que conozco

`
` ` ` `` `` `` `` `` `` `` `` `
columna 1 linea 1 columna 2 linea 1 columna 3 linea 1
columna 1 linea 2 columna 2 linea 2 columna 3 linea 2
columna 1 linea 3 columna 2 linea 3 columna 3 linea 3
` ``

columna 1 linea 1 columna 2 linea 1 columna 3 linea 1

columna 1 linea 2 columna 2 linea 2 columna 3 linea 2

columna 1 linea 3 columna 2 linea 3 columna 3 linea 3

`|Encabezado 1|Encabezado 2|Encabezado 3|` `|---|---|---|` `|columna 1 linea 1|columna 2 linea 1|columna 3 linea 1|` `|columna 1 linea 2|columna 2 linea 2|columna 3 linea 2|` `|columna 1 linea 3|columna 2 linea 3|columna 3 linea 3|` |Encabezado 1|Encabezado 2|Encabezado 3| |---|---|---| |columna 1 linea 1|columna 2 linea 1|columna 3 linea 1| |columna 1 linea 2|columna 2 linea 2|columna 3 linea 2| |columna 1 linea 3|columna 2 linea 3|columna 3 linea 3|

Pueden agregar o eliminar las lineas y columnas que deseen e incluso pueden insertar imágenes a la tabla

Por @chuchu-cordova Para steemit.com
![banner caminador con foto.gif](https://steemitimages.com/DQmX4LYMSUAFpa9f5avUoBz7BV7HbDxGGotgzadaKPMdxYP/banner%20caminador%20con%20foto.gif)