Aprendiendo Sobre Markdown. Reto #knitrias-project.

adeljose (81)modSR | MOD WOXin WORLD OF XPILAR • 4 years ago (edited)

Cada día se van sumando más personas al mundo de la plataforma Steemit, y muchos de ellos llega con la incertidumbre y la necesidad de querer darle un formato profesional de calidad a sus publicaciones, pues bien, pensando en estos nuevos usuarios y también en el reto del proyecto @Knitrias-project para esta semana, les dejaré algunas maneras de darle organización y estilo a sus contenidos.

Vamos a comenzar por lo más básico, iniciaremos dándole estilo a nuestras palabras o títulos, a continuación mostraré como se debe hacer para lograr palabras en negrita, además de cursiva y cursivas en negrita, de igual manera se podrá ver como resaltar los títulos.

Para resaltar un titulo debemos usar la almohadilla #, seguidamente de un espacio y luego colocar el titulo, es importante saber que mientras vayas anexando almohadillas, el tamaño del titulo va a ir cambiando, tal como lo veremos aquí.

# Titulo
## Titulo
### Titulo
### Titulo

Teniéndose como resultado lo siguiente:

Titulo

1.- Palabra en Negrita

Para lograr escribir una palabra en negrita se procede a colocar dos asteriscos al comenzar y otros dos al finalizar la palabra o la frase, tal cual se indica a continuación: **PALABRA**

El resultado será: PALABRA, y podremos verlo a través de vista previa

2.- Palabra en Cursiva
Para lograr escribir una palabra en cursiva se procede a colocar un guion bajo (_) al comenzar y finalizar la palabra o la frase, tal cual se indica a continuación: _PALABRA_

El resultado será: PALABRA

3.- Palabra en Negrita Cursiva
Para lograr escribir una palabra en cursiva se procede a comenzar con un guion bajo seguido de dos asteriscos (_**) y al finalizar la palabra o la frase se cierra con dos asteriscos y un guion bajo(**_), tal cual se indica a continuación: _**PALABRA**_

Tendrás como resultado: PALABRA

Ahora bien, en cuanto a ordenar u organizar los párrafos, en esta oportunidad, les mostraré como justificar, centrar y mostrar en dos columnas un contenido

Texto Justificado.

Para lograr el justificado de un texto debemos de colocar al inicio de un párrafo el comando <div class="text-justify">, seguidamente el texto y para cerrar usamos el comando </div>, tal cual se los presento a continuación: <div class="text-justify">Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.</div>

De esta manera obtendremos esto:

Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.

Texto Centrado.

Para lograr el centralizado de un texto debemos de colocar al inicio de un párrafo el comando <center>, seguidamente el texto y para cerrar usamos el comando </center>, tal cual se los presento a continuación:

<center>Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.</center>

Veremos como resultado:

Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.

Texto en dos columnas.

Para lograr la división de dos textos en dos columnas debemos de colocar al inicio de un párrafo el comando <div class=pull-left>, seguidamente anexamos el primer texto, luego usamos el comando </div><div class=pull-right>, a continuación se escribe el segundo texto y para cerrar usamos el comando </div>, tal cual se los presento a continuación:

<div class=pull-left>Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.</div><div class=pull-right>Every day is a new opportunity to learn and grow, live it and enjoy it, because you may never see another one like it.</div>

Obteniendo como resultado lo siguiente, lo cual puede ser utilizado cuando se desee publicar en dos idiomas.

Cada día es una nueva oportunidad para aprender y crecer, vívelo y disfrútalo, porque tal vez no vuelvas a ver otro igual.

Every day is a new opportunity to learn and grow, live it and enjoy it, because you may never see another one like it.

IMAGE

Esta articulo es mi segunda publicación para el Proyecto knitrias-project, y así cumplir el segundo reto del proyecto.

This article is my second publication for the knitrias-project, and thus meet the second challenge of the project.

Espero les sea de gran utilidad a todos los que me leen, gracias por su atención.

I invite you to visit the World Of Xpilar, and join the contest promoted by @xpilar here its Link

World Of Xpilar

#knitrias-project #writing #life #fiction #spanish #markdown #html

4 years ago in WORLD OF XPILAR by adeljose (81)modSR | MOD WOX

Sort:

xpilar (82)adminsteem witness WOX 4 years ago

Hi @adeljose

Markdown / HTML tags, great that you show it there. It is very useful

$0.00

1 vote

[-]

adeljose (81)modSR | MOD WOX 4 years ago

Thanks for the observation, I already gave you the right labels friend.

$0.06

1 vote

[-]

jacorv (68)Member 4 years ago

Super bueno! Un gran consejo para todos los que inicien en Steemit!

$0.00

[-]

knitrias (63) 4 years ago

¡Totalmente de acuerdo @Jacorv, es fundamental ir mejorando la presentación de los posts! Aún hay varias áreas y experimentos con el Markdown y el Sub.set de html. Espero que te animes también al reto de esta semana en Open Source. También puedes participar en Ramas de la Longevidad.

Los mejores deseos!!

$0.00

[-]

adeljose (81)modSR | MOD WOX 4 years ago

Gracias por el apoyo. te invito a animarte a cumplir el reto "codigo abierto".

$0.00

[-]

knitrias (63) 4 years ago (edited)

Thank you very much @AdelJose! You've covered very well the work with text using the Markdown format and participating in the challenge: Open Source

I'll contribute with the tag you used to format your code text, which is used when you want this code don't take effect and is showed instead. You can use the tag <code></code> or you can use this ``. With the text you want to show in between.

You can also use the tags of the html sub-set for titles: <h1></h1>, <h2></h2> to <h6></h6>. Bold: <b></b>. Italic: <i></i>, Underline: <u></u> ~~Deleted~~: <del></del>, <strike></strike>,

Red

: <div class="phishy"></div>

Here's a complete list of the HTML sub-set for Steem: Steemit's HTML Whitelist

Thanks for your contribution, @AdelJose!!

$0.00

[-]

adeljose (81)modSR | MOD WOX 4 years ago

Grateful for your support and contribution, I will try my best to deepen my knowledge of these codes and raise them in my publications to try to draw more attention to them.

$0.00

[-]