Achievement4 : Applaying Markdowns by@luisjlr77

in Newcomers' Community3 years ago (edited)

1623946269327.jpg

Separadores-3.gif

Español
English
Que tal apreciados lectores, como están? Hoy día de nuevo por acá, buscando conquistar mi cuarto logro en Steemit, como siempre es un placer saludarles desde esta ventana, que nos permite interactuar desde cualquier parte del mundo.
Hello how are my dear readers? Today again here, looking to conquer my fourth achievement in Steemit, as always it is a pleasure to greet you from this window, which allows us to interact from anywhere in the world.
🇻🇪
🇺🇸
     El tema que hoy nos ocupa es el de darle forma y un buen diseño a nuestras publicaciones, porque citando la frase de Thomas John Watson:

"Un buen diseño es un buen negocio.“

Si quieres saber mas pincha aqui.

linea-imagen-animada-0060.gif

    Una publicación para que sea completa y atractiva, no solo debe tener un buen contenido bien redactado, debe poseer ademas una buena estructuración en cuanto a la forma en que se presenta el contenido, para que visualmente sea llamativo a primera vista. Eso es posible si se siguen las reglas o patrones de MarDown o HTML requeridas que permita darle la composicion estetica al post obteniendo grandes resultados para que el articulo alcance mayores visualizaciones.
Según wikipedia el Markdown y el Html son:

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

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcado de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
Wikipedia.

      En esta plataforma, se puede usar una o la combinación de ambas, igual el resultado seguirá siendo el mismo.

barras-separadoras-animadas-155.gif

      Aunque en todo el artículo , ya se han aplicado varios formatos, para crear el efecto visual necesario, para que cualquier lector sepa que detrás de una sangría, una letra en negrita, una cita de texto, un centrado o justificado, existe un código, es pertinente colocar algunos ejemplos, aqui dejo los codigos utilizados.

Separador_Steemit_2.png

Titulos
.

      Para los títulos solo basta con colocar un # y luego un espacio al inicio de cada linea.

# @luisjlr77

@luisjlr77



##@luisjlr77

@luisjlr77



### @luisjlr77

@luisjlr77



#### @luisjlr77

@luisjlr77



##### @luisjlr77

@luisjlr77



###### @luisjlr77

@luisjlr77
      Es importante señalar que mientras mas # usemos, el resultado final será el de un texto más pequeño, haciendo la salvedad que lo mas que podemos usar son 6 # porque son los permitidos:

      Otra forma de colocar los títulos a diferencia del anterior es con el uso de:

< H1 > Resultado </H1>

Resultado

< H2 >

Resultado

< H3 >

Resultado

< H4 >

Resultado

< H5 >

Resultado

< H6 >

Resultado

      Se puede notar que mientras mayor es el número, la letra es mas pequeña.

cyxkEVqiiLyAJMrzqHfWLT7YbdgoprDQGwdeDRwreSZYcX81rp5NMWjdwvunduCbZNocFnDMFeb2vKBy2trY37rk9Ns7xY98hmq1XS2VgKb8MtLFxWSrevhhkEUYT7jof3C.png

Texto Justificado

       Otra de las cosas que podemos hacer es justificar nuestros textos para darle personalidad y que estos tengan aspecto mas formal y elegantes, para ello solo es necesario utilizar el siguiente comando:

Ejemplo de código

<div class="text-justify">

JvFFVmatwWHVQPjDcGkFxELgGtwNAntRtiqDuEyyBAV4dDXMU4Baq35tLvr3dGAd4Di2sVdef5A1boP5WQnj5TPyzzEu9JAhiC8iTXooeX55bHjNMfvMvV8LJoE6onHHPiWr4CsBgA.jpeg

Sangrias

Las sangrías ayudan a identificar donde comienza un texto y asi evitamos que nuestros escritos parezcan un solo bloque y el lector se pierda en un montón de palabras sin poder ver claramente por cual párrafo empezó su lectura y para ello solo necesitamos colocar estos operadores en la primera linea de cada párrafo &nbsp, dependiendo de cuantos espacios queremos nuestra sangria, igual sera el numero de operadores que colo quemos separandolos entre si por un punto y coma ( ; ) utilizando la siguiente sintaxis

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

intencionalmente no coloque las sangrias para poder hacer un ejemplo con parte de ese texto ahora aplicando este formato. Quedaria asi:


      Las sangrías ayudan a identificar donde comienza un texto y asi evitamos que nuestros escritos parezcan un solo bloque y el lector se pierda en un montón de palabras .......

2N61tyyncFaFnNFKLegVvzmsrMAExSDXzsHdqwaiSECGJBjvuZLqrQAed96o4nCcsXiZ7WsN2oT8UnhSWtBcDWFRxSVmp8YGQSWJ1315YYsQbZxt1Yfnqrcz17G1fErW3oNm1dLgbneJ.jpeg

Centrado

      Para centrar textos enteros o solo palabras solo utilizamos el siguiente código < center > seguido del texto a centrar y cerramos al finalizar con < /div >.

<center>TEXTO CENTRADO</center>

TEXTO CENTRADO

2N61tyyncFaFnNFKLegVvzmsrMAExSDXzsHdqwaiS1yV1tNameWoaMWhXCafrzyPAvuu9HYwsLrvVRC8UYayaybz2nugj5Z4CvFznD6A9HS1v4JcpbZCWKXnuL3XFn6wAekSesvoBmRx.jpeg

Negritas y Cursivas


      Continuando con el tema de este post, tambien podemos utilizar letras en negritas y letras en cursivas o una combinación de ambas. Para ello se utilizan el símbolo de asterisco 2 veces: ** (o doble guión bajo) al inicio y final de la línea.

**Ese carro es rápido**
__Ese carro es rapido__


El resultado es:
Ese carro es rápido
Ese carro es rápido

Para aplicar cursivas utilizamos un solo asterisco (*) o un solo guion bajo (_).

* Ese carro es rápido*
_Ese carro es rápido_

      Nos quedaria así:

Ese carro es rápido
Ese carro es rápido

      Para poder utilizar ambas debemos combinar * y _ por ejemplo:

*__Me gusta la Lectura__*

Para que el texto resultante sea:

Me gusta la Lectura

Separador_Steemit_6.png

Columnas o Bloques

      Es un comando que permite separar los contenido por secciones, haciendo una delimitación entre una y otra, es práctico para estructurar galerías de imágenes o colocar contenido por bloque. La estructura que se utiliza es la siguiente:

Nombre | Apellido | Edad
----- | ----- | ----- |

NombreApellidoEdad

     Podemos colocar cuantas filas como columnas se requieran siguiendo la secuencia del codigo.

NombreApellidoEdadUser
LuisLinares43 años@luisjlr77

linea-imagen-animada-0103.gif

Citas

     Muchas veces al redactar algún tipo de texto, nos encontramos con la necesidad de tomar alguna frase, idea o concepto relacionado con el tema que estamos tratando, por ello es necesario citar a su autor para no restar crédito al mismo. Para obtener ese resultado solo basta con utilizar el marcador mayor que > delante de la frase o el fragmento de texto al que nos referimos.

> texto a citar

texto a citar

Para completar la cita y que el lector pueda comprobarla, creamos un hipervínculo debajo de la cita.

[Pulsa aquí ](https://okdiario.com/curiosidades/socrates-frases-1801411/amp)

Por ejemplo el gran filósofo Socrates, decía:

Prefiero el conocimiento a la riqueza, ya que el primero es perenne, mientras que el segundo es caduco.
Pulsa aquí

     Existen muchas otras normas, para mejorar el aspecto a nuestras creaciones, pero creo que estas son las mas usadas, los invito a que visiten mis otras publicaciones.

Mi primer Logro

Mi Segundo Logro

Mi tercer Logro

linea-imagen-animada-0454.gif

@curator3

Sort:  

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:2

 3 years ago 

Hello many thanks for your vote, I will continue working to achieve the achievements

We are sorry that we have missed this achievement post curation windows, I have upvoted your post of (https://steemit.com/hive-188619/@luisjlr77/the-diary-game-a-better-life-witch-steemit-26-07-2021-dia-de-algunas-compras-en-el-centro-de-la-ciudad) for the catch up vote.

Coin Marketplace

STEEM 0.36
TRX 0.12
JST 0.040
BTC 70846.59
ETH 3567.69
USDT 1.00
SBD 4.79