Achievement 4 Task: "Appliying Markdown". By @yury1977

in hive-172186 •  3 years ago  (edited)

Achievement 4 Task: "Appliying Markdown". By @yury1977

https://picasion.com/
https://picasion.com/

Hola queridos steemians, reciban un saludo cordial y un caluroso abrazo de mi parte, espero todos se encuentren bien, retomando las publicaciones en la plataforma, los cortes eléctricos son mas constantes y, por ende, la capacidad para conectarme cada día es menor, pero bueno, aquí estoy nuevamente con ustedes.


oie_4Pdy3zF5OQ1S.gif


El tema que hoy me ocupa y que quiero compartir con ustedes, es precisamente alusivo a la imágen creada especialmente para esta entrada, se trata de aplicar formato a las publicaciones o Markdown.
El Markdown, literalmente significa reducción, haciendo una traducción al español, pero técnicamente significa dar formato a textos ejecutando ciertos códigos preestablecidos para tal fin. Sígueme a leer en la siguiente cita, el concepto según Wikipedia:


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 llano.

oie_11184832YJ00eB0j.gif

Es evidente, que nuestras publicaciones tienen que ser de un excelente contenido, en cuanto a redacción, ortagrafía y coherencia, pero a quien no le gusta adornar para que todo quede llamativo y perfecto? personalmente soy amante de publicaciones coloridas, con buen formato que llame mucho la atención, en steemit esto es posible, sígueme y te muestro.


Utilizando Markdown podemos poner títulos y subtítulos, hacer citas, justificar texto o centrarlo, colocar imágenes a la derecha o a la izquierda, hacer tablas, letras en negrita, cursiva o tachada, super o sub índice si lo necesitamos, colocar letras en color rojo, utilizar listas y mucho más, entonces comencemos.


titulos y subtitulos lista.gif


Los títulos o subtítulos, son muy utilizados y una de las formas para colocarlos es utilizando la siguiente sintaxys:


Sintaxys
Resultado
<H1>Aprendiendo Markdown</H1>

Aprendiendo Markdown

<H2>Aprendiendo Markdown</H2>

Aprendiendo Markdown

<H3>Aprendiendo Markdown</H3>

Aprendiendo Markdown

<H4>Aprendiendo Markdown</H4>

Aprendiendo Markdown

<H5>Aprendiendo Markdown</H5>
Aprendiendo Markdown
<H6>Aprendiendo Markdown</H6>
Aprendiendo Markdown


Si observas detenidamente en la columna del lado izquierdo, está especificado el código necesario para lograr el efecto deseado, en este caso los títulos, si aún no estás familiarizado con el uso del Markdown, puedes ir copiando y pegando los que necesites, así que continuemos, quédate conmigo para mostrarte más. Otra forma para colocar los títulos es usando las almohadillas o numerales tantas veces como sea necesario, recuerda que puedes usar de 1 (#) a 6 (######) de estos simbolos, donde 1 # es la letra mas grande y 6 es la letra mas pequeña admitida por este lenguaje.



# Aprendiendo MarkDown

El resultado que obtendrás:

Aprendiendo MarkDown


## Aprendiendo MarkDown

Aprendiendo Markdown


### Aprendiendo MarkDown

Aprendiendo MarkDown


#### Aprendiendo MarkDown

Aprendiendo MarkDown


##### Aprendiendo MArkDown

Aprendiendo MArkDown

###### Aprendiendo MarkDown

Aprendiendo MarkDown


negrita cursiva tachado.gif


Si necesitamos colocar algún texto en negrita sólo colocamos delante dos(2) asteriscos(*) sin espacio ö dos underscore guión bajo __ y cerramos con otros dos(2) asteriscos(**) ö underscore __ al finalizar la palabra o el texto completo que queremos resaltar dependiendo de cual utilicemos, veamos en el siguiente ejemplo a que me refiero.

**Utilizando Asteriscos**
Utilizando Asteriscos


ahora __Utilizando Underscore__
Utilizando Undescore



El resultado como podrás ver, sera el mismo en ambos casos, ahora bien, continuemos utilizando MarkDown, esta vez resaltaremos texto aplicando el efecto de cursiva:


*Utilizamos para ello el símbolo de aterisco una sola vez*


Utilizamos para ello el símbolo de aterisco una sola vez


si, por el contrario queremos utilizar el símbolo de underscore, lo haremos de la siguiente forma:


_Utilizando para ello el símbolo de Underscore_


Utilizando para ello el símbolo de Underscore


Nótese, que al igual que el ejemplo anterior, el resultado que se obtiene es el mismo, pero que pasa si quiero colocar mi texto en negrita y a su vez en cursiva? sólo necesito colocar tres (3) asteriscos o el mismo número de underscore o en su defecto una combinación de ambas:


***Colocando tres (3) asteriscos***

Colocando tres (3) asteriscos


ó


___Colocando tres (3) underscore___


Colocando tres (3) underscore


pero también, puedo hacer una combinación entre ambas:


**_Dos(2)asteriscos y 1 underscores_**


Dos(2)asteriscos y 1 underscore


para el tachado en las letras, colocamos `~~`este símbolo dos (2) veces al inicio y al final.


~~quiero texto tachado para ilustrar este ejemplo aplicando MarkDown~~


el resultado que obtendremos será el siguiente:


quiero texto tachado para ilustrar este ejemplo aplicando MarkDown


En ocasiones, también necesitamos hacer uso de los super-índice y los sub-índices, sobre todo así escribimos algunas fórmulas en nuestros post, claro puede usarse también para otras cosas, pero lo cierto es, que también podemos usar los siguientes marcadores para conseguirlos, en el caso de los super-índices utilizaremos `` al inicio y para cerrar colocamos ``, en cambio para los sub-índice se usa `` para abrir y ``para cerrar, vamos a los ejemplos para que puedas visualizar claramente.


Mi hermano menor estudia actualmente> 4<sup>to</sup> año de medicina


Mi hermano menor estudia actualmente 4to año de medicina


para el caso que necesitemos utilizar el sub-índice, es casi la misma sitaxys, sólo cambia la preposición dentro de los símbolos, para ello utilizo el siguiente ejemplo:


En la clase de química aprendí que la nomenclatura del agua es H<sub>2</sub>O

En la clase de química aprendí que la nomenclatura del agua es H2O


citar justificar y centrar.gif


Sigue leyendo, no te detengas que aún hay más, tenemos muchas posibilidades de mejorar estéticamente nuestros escritos, dentro de este abanico, encontramos también, el muy popular justificado, al utilizarlo alineamos todo el texto para que el párrafo quede en forma de bloque, facilita a su vez la lectura y no puedo dejar pasar la oportunidad para mostrarte como hacerlo, es simple, sólo tienes que utilizar el siguiente código:


La justificación de un texto consiste en la alineación de los párrafos, dentro de una columna o un espacio, contra los márgenes izquierdo y derecho simultáneamente de forma que todas las líneas tengan el mismo ancho. Para conseguir esto se añade espacio extra entre las palabras.

Fuente


La definición anterior, no es mía, por eso cito la fuente y aprovecho la oportunidad para dejarte ambas sintaxys el de la cita y a su vez el del texto justificado, es genial verdad, estas líneas de código que te dejo a continuación, son las que debes usar para ambos casos. Para la cita, solo debes colocar un signo de `>`seguido de un espacio al principio de la cita y algo muy importante, colocar el vínculo de la fuente, lo logras usando `[titulo](acá colocas la dirección de la página web donde la obtuvistes)`.


Ejemplo del código para la cita y el hipervínculo para la fuente:


> <div class="text-justify">La justificación de un texto consiste en la alineación de los párrafos, dentro de una columna o un espacio, contra los márgenes izquierdo y derecho simultáneamente de forma que todas las líneas tengan el mismo ancho. Para conseguir esto se añade espacio extra entre las palabras.</div>

[fuente](https://descubrecomunicacion.com/justificado-o-no-justificado-he-ahi-el-dilema/).

para justificar el texto utilizamos entonces lo siguiente:


<div class="text-justify">Aquí colocamos todo el texto a justificar, y cerramos con la siguiente intrucción>/div>



letras nrojas tablas y listas.gif

Otra de las opciones que tenemos en steemit, es insertar bien sea tablas o listas, dependiendo de lo que necesitemos en el momento, continua conmigo, para seguirte mostrando estas utilidades, empecemos con las tablas:


Nombre|Usuario steemit
---------|---------
Marjury|@yury1977


siguiendo estas líneas de código, te sorprenderás, porque el resultado que obtendrás será el siguiente:


NombreUsuario steemit
Marjury@yury1977


Pero esto no es todo, si tu fuerte son las listas, despreocúpate porque también puedes usarla, si usas la siguiente sintaxys, para listas normales sólo escribe:


* Enero.

* Febrero.

* Marzo.

El resultado será este:
  • Enero.
  • Febrero.
  • Marzo


También puedes crear unas más ordenadas y formales si utilizas esta sintaxys:


1. 2020
1.1. Enero
1.2. Febrero
1.3. Marzo
2. 2021
2.1. Enero
2.2. Febrero
2.3. Marzo

  1. 2020
    1.1. Enero
    1.2. Febrero
    1.3. Marzo
  2. 2021
    2.1. Enero
    2.2. Febrero
    2.3. Marzo
Por tu fidelidad y por haber leido mi post completo, te regalo un bonus interesantisimo, te voy a dejar como
COLOCAR LETRAS EN ROJO
y como darle sangria a los párrafos.

<div class="phishy" Letras Rojas</div>

Letras Rojas


Con este codigo podras impresionar, colocando frases o párrafos en color rojo. Es fántastico, cierto? Finalizamos entoces con una combinación de carácteres que te permiten darle sangría a los parráfos, por ejemplo para dar cinco (5) espacios al inicio de cada parráfo, sólo coloca:


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

      Espero te haya gustado el post, si aplicamos efectivamente estas carácteristicas, alcanzaremos un gran nivel en nuestras publicaciones, es todo por hoy, me despido de ustedes, agradeciendo por su tiempo, estoy segura que sera de utilidad y provecho. Los invito a que visiten mis otras publicaciones, pinchando en los link que les dejo a continuación.


LogrosDescripción
Logro 1My introduction post
Logro 2Basic Security-steemit
Logro 3Protocolo de contenido


Todas las imagenes y gif, utilizados para esta publicación fueron creados por mi con la aplicación Canva, otros editados en https://www.online-image-editor.com/?language=spanish


gracias por tu visita.gif

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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

Hello @sumit71428 how are you? thank you very much for checking me out, it means a lot to me, I am grateful, greetings

Hi, @yury1977,

Your post has been supported by @graceleon from the Steem Greeter Team.

hi @steemcurator03 and @graceleon, thank for yours supported my post, I´m grateful.

Congratulations on passing achievement 4 successfully. Now, You are eligible for Minnow Support Program.
I am here to inform you that steemitblog is offering a set of courses for Beginners, Intermediate and Advanced levels in SteemitCryptoAcademy. You can receive upvotes from @steemcurator01 & @steemcurator02 by attending the courses following all the guidelines properly.
For more updates, keep following @steemitblog.

Best Regards!!!
@boss75

Hello, @boss75 I am grateful, I would like to obtain information about it.

Hola @boss75
Me gustaria participar en el programa de apoyo de 500 SP Minnow, para el cual, he leído y comprendido las reglas del programa, a su vez he comprobado que cumplo con los requisitos exigidos para optar a el.

LogroDescripción
Achievement 1 My Introduction Post
Achibement 2Basic Security
Achievement 3Protocolo de Contenido
Achievement 4Appliying Markdown

@kriptocannon, saludos

Hello @yury1997 , I warmly welcome you to the world of steemit. Congratulations on passing your achievement 4 successfully.
I want to use this medium to invite to join sporty-chain, a community where you can build your writing skills, share your sport views, get sport update and also grow in both your reputation and steem power.

I wish you success in all your activities on steemit. Once more,you are welcome.

Hola amiga @yury1977 de verdad me gusto mucho tu explicación de verdad muchas gracias y exitos

@francys21 me alegra que te haya gustado, gracias por tu visita y buenos deseos, igual para ti, saludos

Hi
I am @rizwan12
Your post is very good. You'll do better in the future.

Hello @rizwan12, thank you for the comment, I hope so, because every day we learn something new, greetings, I'm @yury1977

@yury1977 Thank you very much. I am very happy to get to know you

@rizwan12 It's a pleasure for me to meet you too, I like to interact with people from all over the world, greetings

@yury1977 Good luck to you.