Foto por 3mikey5000 Fuente
Hola que tal Steemianos, hoy les dejare la Parte 2 de la guía de cómo utilizar Markdown, estos nuevos comandos los podrán ir aplicando en sus post, para hacerlos más atractivos visualmente.
Antes de Empezar
¡Empecemos!
Para que explicar nuevamente que es MarkDown y HTML, si hemos visto eso en el capítulo anterior de esta guía, por lo tanto, pasaremos a explicar qué etiquetas utilizaremos y aprenderemos hoy, las siguientes etiquetas nombradas serán las que aprenderemos:
Esta etiqueta funciona complementando Etiquetas de Markdown y HTML, les enseñare la etiqueta de la forma más práctica posible para que puedan aplicar a futuros post de ustedes. Adicionalmente agregaremos la fuente sobre la imagen insertada al lado del texto, para atribuir créditos al autor de dicha imagen, sin importar el tipo de fuente de donde venga. Ya que estamos generando ingresos y una mínima gota de agradecimiento al autor vale. Esta etiqueta funciona de la siguiente manera:
<div class="pull-left">< img src="image"></div> Algo larga, pero sencilla de entender. En la Parte donde dice "Pull-Left" es la orden que se le entrega a la imagen agregada. Esta función puede ser o "Pull-Left" o "Pull-Right", Por ende ustedes serán los que indicarán la orden a la imagen.La siguiente parte de esta etiqueta <div class="pull-left">
< img src="image"></div> es, src="image" En la parte donde dice "image", agregaran el link de la imagen para así insertarla en el. Este link de imagen debe ser copiado directamente de la dirección. Si no copian el link de forma directa, no saldrá la imagen.
Un link completo es asi; https://pixabay.com/es/le%C3%B3n-africano-melena-cerrar-los-ojos-2888519/
Un link directo de Imagen es asi: https://cdn.pixabay.com/photo/2017/10/25/16/54/african-lion-2888519_960_720.jpg
El detalle se notara en cómo termina qué es el tipo de formato de la imagen en este caso es JPG, también puedes encontrar las siglas del final como formato PNG.
<div class="pull-left"><img src="https://cdn.pixabay.com/photo/2017/10/25/16/54/african-lion-2888519_960_720.jpg"></div>
Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,Esto es un ejemplo,
<sub>Autor IanZA [Fuente](https://pixabay.com/es/le%C3%B3n-africano-melena-cerrar-los-ojos-2888519/)</sub> Esta etiqueta contiene el link de fuente de la imagen y el nombre del autor, si ustedes lo desean escribir. En el siguiente ejemplo les mostrare como ira escrito el codigo complementado con la imagen a la izquierda y el autor.<sub>Autor IanZA [Fuente](https://pixabay.com/es/le%C3%B3n-africano-melena-cerrar-los-ojos-2888519/)</sub>
<div class="pull-left"><img src="https://cdn.pixabay.com/photo/2017/10/25/16/54/african-lion-2888519_960_720.jpg"></div>Autor IanZA Fuente
Una galería de imágenes, es una tabla e la cual pueden ir incorporando imágenes, para que el seguidor de ustedes o visita pública, revise cada imagen subida por ustedes de manera más ordenada o por secuencia.
||||
|---|---|---||Link imagen|link imagen|link imagen|||||
|---|---|---|
|https://i.imgur.com/L2rfgIG.png|https://i.imgur.com/L2rfgIG.png|https://i.imgur.com/L2rfgIG.png|
Para agregar un titulo a cada imagen deberán escribir, donde dice titulo en el código del siguiente ejemplo, el que ustedes deseen.
Para que podamos agregar información a cada imagen debemos agregar, una siguiente pestaña de la misma manera que imágenes, como el siguiente ejemplo;
|titulo|titulo|titulo|
|---|---|---||Link imagen|link imagen|link imagen||Informacion|Informacion|Informacion|En la parte donde dice "titulo" deberan agregar el respectivo título de la imagen.
En la parte donde sale "informacion" podran agregar lo que ustedes quieran a la imagen.
|titutlo|titulo|titulo|
|---|---|---|
|https://i.imgur.com/L2rfgIG.png|https://i.imgur.com/L2rfgIG.png|https://i.imgur.com/L2rfgIG.png|
|informacion|Informacion|Informacion|
| makemoneynow | makemoneynow | makemoneynow |
|---|---|---|
| Aca podran agregar la información que deseen | Aca podran agregar la información que deseen | Aca podran agregar la información que deseen |
A la galería le podras agregar mas cantidad de imagenes, solo agregando mas casillas de
||Por lo tanto queda a su imaginación seguir agregando de ellas.
Espero que les alla servido de gran ayuda, las siguientes etiquetas, que podrán utilizar para sus post, si te gusto la guia " Como utilizar Markdown parte 2" , te agradeceria bastante un upvote, resteem o comentario. Saludos soy @makemoneynow.
ANALIZANDO, PENSANDO Y ACTUANDO, SE PUEDE LOGRAR UN MEJOR RENDIMIENTO.