LOGRO 4: APLICACIÓN DE MARKDOWN.- @jpancho196.

in Newcomers' Community3 years ago

Hola mis queridos amigos de Steemit.

Mi Logro 4 en la comunidad de recién llegados y dandole gracias Dios primero y @criptokannon por el apoyo que nos da a todos nuevos.

LOGRO 4

192617161_493371091997916_8054912030018647949_n.jpg
mira mi nuevo diseño hecho en canva


Como ordenar o maquetar unas publicaciones es muy importante para cada unos de los Steemian, por eso conocer los códigos o markdown es una ventaja que nos lleva hacer una buena publicación con todos sus adornos para que luzca como debe ser o manda la ley y así podernos expresar como es debido, darle un valor más agradable a nuestros posts o publicaciones. Esto se utilizan para encabezado, imágenes, párrafos, títulos, sub títulos, citas en frases o temas, enlaces, listados y bueno etc, etc.

¿ Como justificar un párrafo?

El siguiente código es para justificar.

< div class="text-justify" > Más el texto </ div>

El texto al estar justificado es más fácil para leer, queda en las terminaciones sin espacio en las lineas y su presentación es más perfecta. Cuando deseas justificar la publicación completa colocas al principio < div class="text-justify" > y al final < /div>

A veces cuando no se justifica todo el texto es por que hay otros código interfiriendo, como suele pasar con el código de centrar imágenes o texto esto se resuelve con sólo agregar una vez más el mismo código de justificar.


El código de centrar una imagen o texto.

Este código es muy fácil de aprender y memorizar es especial para los títulos, principales subtítulos, fotos o imágenes, también sirve para textos cortos.

Este se utiliza así: < center> y colocas lo que quieras centrar texto o imágenes y al final < /center>

El código para sub títulos de las imágenes:

Este código siempre se coloca debajo de las imágenes.

< sub> colocas la reseña o sub títulos y cierras así < \sub> y listo.

Para realizar el código para las citas.

También me sirve para frases que deseo resaltar en mi posts.

> El símbolo de > mas un espacio y la frase o la cita que deseen.

Ejemplo:

El gato
cuando está ronco
imita al pato.
El gato se vuelve loco
cuando aparece un ratón
y lo invita poco a poco
para ver televisión.
Mi gato
es cojín esponjado
junto a mi lado.
Autor del poema: Alma Velasco

Para realizar una escritura en Cursiva.

Este código es muy fácil se utilizará un * (asterisco) o (guión bajo)_.

Ejemplo: Cursiva Cursiva


Para realizar un escrito en Negrita.

Este código es tan sencillo como el de cursiva se utiliza (2 guiones bajos) __ o (2 asteriscos) ** al inicio y al final de la frase o palabra a resaltar.

Ejemplo: negritas

Para realizar un texto en negritas y cursivas al mismo tiempo.

Este código es Igual que en negrita y cursiva, pero son tres (3) *** o (3)--- al principio y al final del texto
o palabra a resaltar.

Ejemplo:negritas y cursivas

Para realizar un hipervínculos o como ocultar un link.

Un link es un texto que te lleva a otra pagina o párrafo, este código sirve para esconder los enlaces o (REDIRECCIONAR).
Entre []vas a colocar la fuente y entre () debes colocar el enlace o link.

Ejemplo: @jpancho196

Para realizar tachado.

Debes utilizar dos veces este código~, al empezar y al final la palabra que quieres tachar.

Ejemplo: tachado

Para realizar la linea separadora.

Este código es muy sencillo, ademas de eso le da mucha creatividad y valor a todas las publicaciones.

Para realizar este código debes usar tres veces los guiones---entre el medio de cada párrafo o imagen.

Ejemplo:


Como resaltar en barras grises o blanca.

Este código se utiliza en texto, citas o frases que deseamos resaltar.[´´´] 3 veces cada lado, es decir al principio y al final del texto o palabra.

Ejemplo:palabra

Para realizar un texto en lista o diferentes puntos.

Este código es sumamente sencillo para realizar una lista o diferentes puntos en una publicación. debes utilizar un (guion)- con espaciado antes de la palabra o texto.

Ejemplo:

  • Que bueno es este código.

Para realizar y colocar el texto de color rojo.

Este código es utilizado muy poco, pero este sirve para colocar el texto o palabras en color rojo.

Siempre se coloca este código al principio de la palabra o texto: < div class="phishy">
Y este al final: < /div>

Ejemplo:

MARKDOWN

Para realizar tabla o bloques.

Este código es especial para realizar tabla, listas o para ordenar estadísticas. Para usar este código o barra primero debes colocar | para iniciar, espacio, palabra, barra,espacio, barra y separar.< /div>

De la siguiente forma:

| Nombre | Apellido |fruta | ciudad |

| --------|---------| ------- |-------- |
| José | Ascanio | pera | Bolívar |
| Laura | Rivas | mango | Barcelona |
| Carlos | Perez | naranja | Caracas |

Ejemplo:

NombreApellidofrutaciudad
JoséAscanioperaBolívar
LauraRivasmangoBarcelona
CarlosPereznaranjaCaracas

Para hacer dos columnas de texto.

Este es muy utilizado para redactar en sus publicaciones en dos idiomas. Son dos código aquí se los muestro:

< div class="pull-left" >Texto de la primera columna o del lado izquierdo< /div>
< div class="pull-right" >Texto de la segunda columna o del lado derecho< /div>

Ejemplo:

El gato cuando está ronco imita al pato. El gato se vuelve loco cuando aparece un ratón y lo invita poco a poco para ver televisión. Mi gato es cojín esponjado junto a mi lado.

Autor del poema: Alma Velasco

El gato cuando está ronco imita al pato. El gato se vuelve loco cuando aparece un ratón y lo invita poco a poco para ver televisión. Mi gato es cojín esponjado junto a mi lado.

Autor del poema: Alma Velasco


Para realizar títulos o texto con encabezados.

Este códigos es utilizado para títulos y encabezados, también se puede resaltar algunos párrafos. Con solo agregar un numeral o varios (6 máximo), y con el código: < h1> es igual osea es lo mismo mientras la numeración es mas alta las letras son mas pequeñas< /h1> solo debes cambiar el número.

<h1> o un #
<h2> o dos ##
<h3> o tres ###
<h4> o cuatros ####
<h5> o cincos #####
<h6> o seis ######

Ejemplo:

títulos.

títulos.

títulos.

títulos.

títulos.
títulos.

Para colocar imagen a la izquierda y a la derecha debemos usar estos código:

Este es del lado derecho

< div class="text-justify"><div class="pull-right" > Colocar la imagen de su preferencia < /div>

Este otro es de la izquierda debemos usar este código:

< div class="text-justify"><div class="pull-left" > Colocar la imagen de su preferencia < /div>

Ejemplo:

190676389_1138275510000028_270673341643944404_n.jpg
fotos tomadas en mayo 2021 by @jpancho196

187093041_306095504403442_2527280062278340094_n.jpg
fotos tomadas en mayo 2021 by @jpancho196

Esta mi presentación de mi LOGRO 4 esperando que cuando la lean les guste. DIOS LOS BENDIGAS

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.

Rate: 2

 3 years ago 

Buenos días ok muchas gracias @sumit1428 lo tendre en cuenta.

 3 years ago 

Hi, @jpancho196,

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

 3 years ago 

Muchas gracias por el apoyo de @warishayy del equipo de Steem Greeter.

 3 years ago 

Hola amigo @jpancho196
Un cordial saludo, te felicito por haber realizado el logro #4, te quedo super ordenado, que bueno que hayas aplicado el markdown y saber sobre los códigos, podrás usarlos en tus post para que se vean super geniales...
¡¡saludos!!
#onepercent #venezuela #affable

Coin Marketplace

STEEM 0.26
TRX 0.11
JST 0.033
BTC 64266.94
ETH 3077.24
USDT 1.00
SBD 3.87