Achivement 4 "task" : Applying Markdowns by @yurianna2006
Achivement 4 "task" : Applying Markdowns by @yurianna2006
Hola que tal, queridos y apreciados lectores, es un gusto saludarles el día de hoy y desearles lo mejor para todos ustedes, les envio un fuerte abrazo lleno de cariño y buenas vibras.
Hoy día estoy nuevamente con ustedes, para seguir con el cumplimiento de los logros, para los recién llegados, está vez aplicando el formato a nuestras publicaciones, esto es gracias al Markdowns, según
Markdown es un lenguaje de marcado ligero creado por John Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida, inspirándose en muchas convenciones existentes para marcar mensajes de correo electrónico usando texto plano.
Para que nuestros post, sean realmente atractivos debemos combinar muchos aspectos que van desde el contenido, la ortografía la redacción y hasta la estructura del mismo, todo esto lo logramos utilizando el Markdown, es mucho lo que podemos lograr, utilizando estos códigos para dar un aspecto atractivo a nuestras publicaciones.
Empecemos con un elemento escencial como lo son los :
Encabezados títulos y subtítulos.
Es sumamente sencillo lograr un aspecto elegante resaltando por ejemplo el titulo de nuestras publicaciones, para lograrlo sólo tenemos que seguir la siguiente sintaxys:
<H1>Hola</H1> | Hola |
<H2>Hola</H2> | Hola |
<H3>Hola</H3> | Hola |
<H4>Hola</H4> | Hola |
<H5>Hola</H5> | Hola |
<H6>Hola</H6> | Hola |
Si observamos el ejemplo anterior, en la parte izquierda, se encuentra el código que se debe utilizar para obtener dicho resultado, el cual se muestra en la parte derecha justo al lado de la instrucción, para utilizarlo si aún no estas familiarizado solo debes copiar y sustituir el texto por el que necesitas, sientete libre de hacerlo, se que luego será muy fácil y no necesitarás ninguna ayuda. Personalmente, utilizo este método para colocar los titulos, pero existe otra forma y te la muestro a continuación, se trata de usar el símbolo
# quedate conmigo y te muestro.
Sintaxys
# Hola
Hola
## Hola
Hola
### Hola
Hola
#### Hola
Hola
##### Hola
Hola
###### Hola
Hola
Justificar, centrar, alinear texto a la izquierda y a la derecha, urilizar sangrias en párrafos.
Ahora bien, ya notastes que es muy fácil ir estructurando nuestras publicaciones, de manera sencilla, no llega hasta aquí, por ejemplo si quieres justificar tu texto, para ordenarlo y que no se vea todo distorcionado en Markdown solo usamos la siguiente regla:
<div class="text-justify">texto que queremos justificar.</div>.
Una cosa más antes de que se me olvide, toda instrucción abierta necesitamos cerrarla, para indicar al codigo utilizado que hasta ese punto se ejecutará. Ok, que les quiero decir con esto, simple, siempre debemos finalizar la instrucción o la orden con
</>.
¿Notastes algo diferente en el párrafo anterior.? Bueno te ayudo a refrescar, si te fijas bien, en todos los párrafos anteriores viene cumpliendo la regla que después de puntos y aparte, se comienza la siguiente linea con una:
Sangría.
Honestamente son pocos los post, que he podido visitar que utilicen este recurso, no se porque, pero lo cierto es que existe dentro de este lenguaje y no puedo dejar de mencionarlo, aparte que es muy pero muy facil utilizarlo, solo es una combinacion de símbolos y caracteres, por si te gusta utilizarlo, te lo dejo a continuación:
con ésta combinación indicas que deje un espacio en blanco al principio del párrafo, mientras mas coloques mas espacio se muestra, literalmente quiere decir lo siguiente:
un espacio
dos espacios
tres espacios y asi sucesivamente.
Centrado.
El centrado es un recurso muy utilizado en cualquier publicación, por una sencilla razón, es genial y ayuda a llamar la atención de un lector, cuando queremos quizas resaltar alguna frase, colocar algun titulo, en fin para mi, en lo personal cumple una maravillosa función, entonces para poder centrar algun texto generamos la instrucción utilizando los siguientes marcadores:
Gracias por seguir leyendo
<center>abrimos </center>cerramos
Alineando texto a la derecha e izquierda .
Muy común utilizar esta función, por ejemplo yo la uso cuando quiero escribir en español y en ingles, porque? Simplemente porque puedo colocar el español justificado a la derecha y el ingles alineado a la izquierda o viceversa.
Steemit es una plataforma genial, podemos interectuar con usuarios de todo el mundo y compartir contenidos.
Steemit is a great platform, we can interact with users from all over the world and share our content.
Funciona no solo con texto, tambien podemos hacerlo con texto-imagen, imagen-imagen e imagen texto.
Steemit es una plataforma genial, podemos interectuar con usuarios de todo el mundo y compartir contenidos.
Para obtener estos resultados, enviamos la instrucción de la manera siguiente:
<div class="pull-left">Alinea a la izquierda. </div>
<div class=pull-right">Empuja o alinea a la derecha. </div>
Negritas, Cursivas, Tachado, Sub y Super-indice.
En esta variedad de opciones, no puedo dejar de resaltar como colocar las negritas que se logra utilizando ` ** `astericos ó underscore `__` :
**Negritas**
Negritas
__Negritas__
Negritas
La cursiva no es nada diferente sólo usamos:
*cursiva*solo un asterisco o solo un guión bajo o underscore, el resultado siempre será el mismo.
_cursiva_
cursiva
cursiva
Para tachar una palabra solo utilizamos el siguiente simbolo:
~~
este será el resultado obtenido.
Ahora, si queremos utilizar el súper o subindice, lo enmarcamos así:
5 <sup>to </sup>año de bachillerato.
5 to año de bachillerato.
H <sub>2 </sub>O
H 2 O
Cambiar el color a la fuente.
A quien no le gusta resaltar alguna frase ó algún párrafo con un determinado color de fuente? Pues en steemit podemos hacerlo, lamentablemente hasta el momento, solo es posible utilizar el color rojo.
Jaja Es genial verdad? Está bien comparto contigo como puedes hacerlo, sólo colocas este código delante del texto que quieres en rojo y listo.
<div class="phishy">Quiero el texto en rojo. </div>
Quiero el texto en rojo.
Tablas y Listas.
Es una función muy práctica y nos permite organizar el contenido, puedes agregar hasta cuatro columnas y las filas que necesites, solo agrega la siguiente sintaxys, para que obtengas el resultado que quieres.
|NOMBRE|USUARIO|EDAD|
|-----|-----|-----|
|Yurianna|@yurianna2001|15 Años|
El resultado que obtendrás será el siguiente:
| NOMBRE | USUARIO | EDAD |
|---|---|---|
| Yurianna | @yurianna2001 | 15 Años |
| Luis | @luisjlr77 | 43 Años |
| Marjury | @yury1977 | 43 Años |
Agregue un poco más de información para que el ejemplo puedan verlo mejor, a parte que podrán notar que se auto ajusta al texto.
Las listas, son igual de fácil, para crearlas coloca lo siguiente:
* Venezuela.
* Nueva Esparta.
* Margarita.
El resultado:
- Venezuela.
- Nueva Esparta.
- Margarita.
De igual forma puedes hacer que te aparezcan ordenadas, sustituyendo el asterisco (*) por números:
1. Venezuela.
2. Nueva Esparta.
3. Margarita.
Te quedaría así:
- Venezuela.
- Nueva Esparta.
- Margarita.
Son muchas las herramientas que tenemos para mejorar nuestro post en apariencia y contenido, solo tenemos que ser creativos y dejar volar, dar rienda suelta a nuestra imaginación; espero que sea de su agrado y sirva de ayuda, los invito a visitar, mis otros logros.
La imagen utilizada como portada de este post, fue editada y creada por mi, con la aplicación movil Canva.
Gracias por tu visita.
Hi i am Sumit one of the team member of Steem Greeter.
I am happy to announce that i have successfully verified your achievement 4 post. Now you are eligible for performing your achievement 5 which is about Understanding the Steem tools. You can refer this post for your next task.
Note:
Rate:3
Thanks @sumit71428, it's great, I'm gratefull.