#support150sp "Steemit y el Markdown Primera Parte"

in Steemit Nursery3 years ago (edited)

Markdown.png

Imagen creada en Canvas. si quieres visitar esta aplicación Pulsa aquí


Hola queridos lectores, bienvenidos a una nueva entrada en mi blog, es un placer volver a saludarles. El dia de hoy, quiero compartir con ustedes, algunos códigos que se utilizan para embellecer y para que nuestros post sean atractivos, es por esta razón que te invito a leer hasta el final, porque te dejare algunos elementos para poder dar formato al texto y a las imágenes con la utilización de algunos caracteres de una forma especial. Esto se consigue gracias a la aplicación del Markdown o código HTML.
Esta herramienta fue creada en 2004 por John Gruber, y se distribuye de manera gratuita bajo una licencia BSD. Aunque en realidad Markdown también se considera un lenguaje que tiene la finalidad de permitir crear contenido de una manera sencilla de escribir, y que en todo momento mantenga un diseño legible, así que para simplificar puedes considerar Markdown como un método de escritura.

Puedes visitar la fuente Pulsando aqui


quedate y aprende mas.gif

Imagen creada en Canvas. si quieres visitar esta aplicación Pulsa aquí


Para que te familiarices te mostraré los principales signos y caracteres que se utilizan en el Markdown y la sintaxis para que al final de este post, estés capacitado para que te pongas en marchas y marques la diferencia cada vez que publiques tus post, entonces manos a la obra.

Justificar texto.

Justificar texto, se entiende como la alineacion de parrafos contra los margenes izquierdo y derecho para que las lineas visualmente tengan el mismo ancho, asi que el efecto inmediato que crea es de orden, por eso la importancia de su uso, para conseguir este efecto, solo basta con aplicar la siguiente sintaxys:


<div class="text-justify">Justificar texto, se entiende como la alineacion de parrafos contra los margenes izquierdo y derecho para que las lineas visualmente tengan el mismo ancho, asi que el efecto inmediato que crea es de orden, por eso la importancia de su uso, para conseguir este efecto, solo basta con aplicar la siguiente sintaxys:</div>

Cabeceras o Encabezados.

En Steemit utilizando Markdown, disponemos de seis niveles para crear cabeceras o encabezados y basta con utilizar el simbolo de almoadilla (#)cuantas veces se requiera.


# Encabezado de nivel 1
## Encabezado de nivel 2
### Encabezado de nivel 3
#### Encabezado de nivel 4
##### Encabezado de nivel 5
######Encabezado de nivel 6

Según sea la necesidad y cual utilicemos el resultado será:

Encabezado de nivel 1

Encabezado de nivel 2

Encabezado de nivel 3

Encabezado de nivel 4

Encabezado de nivel 5
Encabezado de nivel 6

Otra forma de hacerlo y obtener los resultados es aplicando sintaxis de HTML, para esto se utilizan:


<H1>Para el primer nivel</H1>
<H2>Para el segundo nivel</H2>
<H3>Para el Tercer nivel</H3>
<H4>Para el cuarto nivel</H4>
<H5>Para el quinto nivel</H5>
<H6>>Para el sexto nivel</H6>

obtendremos el mismo resultado que anterior:


Para el primer nivel


Para el segundo nivel


Para el Tercer nivel


Para el cuarto nivel


Para el quinto nivel

Para el sexto nivel

Utilizando citas

Tratamos en la medida de lo posible de que nuestros post, sean de contenido auténticos y originales, pero por alguna u otra razón en ocasiones nos vemos forzados a utilizar fragmentos de algún contenido de otro autor, por lo que estamos obligados a citar y darle el crédito a quien lo merece, para hacerlo correctamente utilizaremos la siguiente sintaxi:

> No ganes el mundo y pierdas tu alma; la sabiduría es mejor que el oro o la plata. Bob Marley

[Visita la Fuente](https://www.psicoactiva.com/blog/frases-bob-marley/)

No ganes el mundo y pierdas tu alma; la sabiduría es mejor que el oro o la plata. Bob Marley

Visita la Fuente

Markdown (1).gif

Imagen creada en Canva by @luisjlr77

Con las citas también podemos utilizar códigos HTML obteniendo los mismos resultados:

<blockquote> No ganes el mundo y pierdas tu alma; la sabiduría es mejor que el oro o la plata. Bob Marley</blockquote>
[Visita la Fuente](https://www.psicoactiva.com/blog/frases-bob-marley/)

No ganes el mundo y pierdas tu alma; la sabiduría es mejor que el oro o la plata. Bob Marley

Visita la Fuente

Negritas y Cursiva

Para agregar palabras o textos completos en negrita, se utiliza dos asteriscos (**) y para cursiva se utilizan un underscore(_), pero podemos poner nuestros textos en negritas y cursivas a la vez, lo logramos haciendo una combinación de ambas, sigueme y te lo muestro:

**Hola**
_Hola_
**_Hola_**

este será el resultado:

Hola
Hola
Hola

Particularmente, utilizo para este tipo de acciones el código HTML, se me hace más facil y rapido a la hora de quiero solo resaltar una o dos palabras dentro de un parrafo completo, para ello utilizo:

<b>Para negrita</b>
<i>Para cursiva</i>
<b><i>Para Combinarlas</i></b>

Para negrita
Para cursiva
Para Combinarlas

Indiferentemente el que utilices, te dará el mismo resultado, depende con cual te sientas mas cómodo para trabajar, la idea de este microtutorial es que aprendas las diferentes formas en la que puedes lograr tus resultados.

Reglas o lineas Horizontales

Estas líneas o regla horizontal, podemos colocarla en nuestro post con el uso de tres ***o con el uso de tres guiones ---, recuerda que siempre obtendrás el mismo resultado, independientemente el que decidas utilizar, esto con la intención de dividir párrafos o imágenes y crear una breve pausa.

***
resultado:


---
resultado:


Listas ordenadas y desordenadas

En ocasiones solo queremos colocar algunos item sin la necesidad de que lleven algún correlativo simplemente porque no es necesario, entonces para ello al principio de cada renglón colocamos un asterisco * sigueme para mostrarte con ejemplos:

* Enero
* Febrero
* Marzo
* Abril
aplicando esta sintaxis obtendremos:

  • Enero
  • Febrero
  • Marzo
  • Abril
Pero ahora si queremos algo más estructurado y ordenado aplicamos esto:

1. Año 1999
1.1 Enero
1.2 Febrero
1.3 Marzo
1.4 Abril
2. Año 2000
2.1 Enero
2.2 Febrero
2.3 Marzo
2.4 Abril

Resultado:

  1. Año 1999
    1.1 Enero
    1.2 Febrero
    1.3 Marzo
    1.4 Abril
  2. Año 2000
    2.1 Enero
    2.2 Febrero
    2.3 Marzo
    2.4 Abril

Tablas

Una de las formas para organizar información y presentarla de forma ordenada y resumida, es mediante una tabla, Markdown nos facilita esta acción siguiendo la siguiente sintaxi

| Usuario | Edad | Sexo | Nacionalidad |
| ---------- | --------- | --------- | ---------- |
| @luisjlr77 | 43 años | Masculino | Venezolano |

Cómo quedará en nuestro post:

UsuarioEdadSexoNacionalidad
@luisjlr7743 añosMasculinoVenezolano

Subindice y Superindice

Es otra de las grandes características que podemos usar para hacer que nuestro post sea visto de buena manera, para este apartado del tema te mostraré la sintaxis necesaria para usarlo, en lo personal, lo utilizo si me toca colocar algunas fórmulas

la sintaxis no es nada diferente a las anteriores, para el superindice, utilizamos:

Tiene quemaduras de 3<sup>er</sup>grado
Tiene quemaduras de 3ergrado

mientras que para el subíndice colocamos la siguiente instrucción:

La fórmula química del agua es H<sub>2</sub>O, representada por 2 moléculas de Hidrógeno y una de Oxígeno

La fórmula química del agua es H2O, representada por 2 moléculas de Hidrógeno y una de Oxígeno

Bono especial Letras en color Rojo

Aunque seria estupendo, poder contar con una variedad de colores, para adornar nuestras fuentes es algo limitativo, que de momento solo se pueda cambiar las letras de negro a rojo, pero bueno no todo es perfecto y con esta funcionalidad me va muy bien ya que con ella puedo dar un matiz diferente a mis textos, sí quiero resaltar una palabra, una oración o un párrafo completo, utilizo esta herramienta.
A continuación te dejo el codigo que utilice, para cambiar el color a todo el párrafo, pero te repito, puedes colocar solo una palabra, una oración y un párrafo completo, todo depende de tus gustos y preferencias.

<div class="text-justify"><div class="phishy">Aunque seria estupendo, poder contar con una variedad de colores, para adornar nuestras fuentes es algo limitativo, que de momento solo se pueda cambiar las letras de negro a rojo, pero bueno no todo es perfecto y con esta funcionalidad me va muy bien ya que con ella puedo dar un matiz diferente a mis textos, sí quiero resaltar una palabra, una oración o un párrafo completo, utilizo esta herramienta.</div></div>

Bueno, apreciados lectores es todo por hoy, muy pronto estaré publicando una segunda entrega, para complementar el uso del Markdown, recuerda que si te sirve y es de ayuda esta información, la mejor manera de tenerla a mano es darle Resteem a este post, no olvides dejar un comentario, nos vemos pronto.


Si quieres saber mas de mi, sigue el siguiente enlace.

Quien Soy by @luisjlr77


Otro post que quizás te interese:
Acentuación ortográfica y su importancia en la Redacción

Sort:  

Gracias por escribir en español !
Estamos construyendo una comunidad para evitar el derribo de una casa historica , te agradeceriamos que te unieras a nuestra comunidad La casa del turron



Si no quieres recibir mas mensajes dinoslo aqui y disculpa

 3 years ago 

Hola @elsurtidor, de que se trata este proyecto, cuéntame más, estoy interesado en participar.