MD: (al final está como hago para justificar un artículo completo. Literalmente lo convierto en un gran DIV)

<p dir="auto"><code><div class="text-justify"> <div class="text-justify"> <div class="pull-right"> <p dir="auto"><center><br /><br /><a href="https://s5.postimg.org/u0hz7ixh3/MG-markdown-steemit-textos-theghost1980.jpg" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png" alt="img" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 2x" /><br /> <span> <img src="https://images.hive.blog/768x0/https://s5.postimg.org/u0hz7ixh3/MG-markdown-steemit-textos-theghost1980.jpg" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/u0hz7ixh3/MG-markdown-steemit-textos-theghost1980.jpg 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/u0hz7ixh3/MG-markdown-steemit-textos-theghost1980.jpg 2x" /> <p dir="auto">Puede que sean muchos conceptos a la hora de empezar en Steemit, pero créeme cuando te digo <em>que vale la pena cada minuto de tu tiempo. <p dir="auto">Saludos <em>Steemianos y Steemianas, espero de todo corazón que estén pasando un muy <em>feliz Steemit. Si aterrizas el día de hoy a la plataforma, te invito a mirar mis artículos y tutoriales. <em>Dentro de toda esa variedad, muchas claves he escrito allí, para triunfar. <p dir="auto">Todos los días estamos utilizando miles de códigos, muchos de ellos sin siquiera darnos cuenta. Enviamos mensajes de texto y estamos utilizando codificación. Cuando estamos navegando una página web, estamos literalmente <em>navegando entre miles de códigos HMTL, PHP, Java, Javascript, entre otros. <blockquote> <p dir="auto">Ok. Theghost1980 entiendo, miles de códigos nos rodean. ¿Y eso que tiene que ver con Markdown? <p dir="auto"><em>Alter, ¿te sucede algo? Puedo notar que estas un poco <em>intranquilo. <blockquote> <p dir="auto">Bueno si. Últimamente me molesta ver a mis hermanos y hermanas, pidiendo comida y de <em>rodillas ante la situación. No son todos claro está pero, una gran mayoría. <p dir="auto">A ver. Y como te hace sentir eso. Te puedes sentar en ese sofá <em>imaginario. <blockquote> <p dir="auto">Gracias. Bueno, sabiendo todo lo que <strong>somos como venezolanos, pues me da mucha rabia. Somos un pueblo fuerte y aguerrido. Nuestros linajes provienen de famosas tribus de Indios latinoamericanos. Tenemos un sin fin de gente exitosa y aún así, parece que no aprendemos. <p dir="auto">Puedes respirar profundo. Cerrar tus ojos y contarme, ¿a que te refieres con eso de que no aprendemos? <blockquote> <p dir="auto">Sabiendo que... ¿Un momento, no me vas a cobrar esta consulta o si? <p dir="auto">Para nada. Más adelante me vas a deber un favor. Pero por favor, continúa. <blockquote> <p dir="auto">Como decía... ¿Por cierto no te estoy quitando muchas lineas para tu articulo? Digo, no quiero aburrir a tus lectores. <p dir="auto"><em>Alter, deja de preocuparte por favor y ocúpate. Así que por favor termina <em>de sacar eso que quieres decir. <blockquote> <p dir="auto">Bueno. Sabiendo que somos personas con una riqueza y un potencial ilimitado, no me gusta ver a las personas <em>de rodillas ante una situación que no tiene sentido. Digo que no tiene sentido porque teniendo las riquezas que tenemos, esto no se justifica. Entiendo todo aquello de <strong>nos enseñaron a ser así o ser asá pero, por favor, ya es hora de dejar de seguir a los demás como ovejas. Somos fuertes e inteligentes y capaces de conquistar nuestro propio país. Un país se conquista cuando sus habitantes se conquistan a si mismos. Puede sonarles un tanto extraño, pero si miran en detalle, entenderán de que les estoy hablando. <p dir="auto">¿Te sientes mejor ahora <em>Alter? ¿Algo más que quieras acotar a tu discurso de catarsis comunitaria? <blockquote> <p dir="auto"><span>Me siento mucho mejor. Solo quiero agregar y pedirles a los lectores que sepan aprovechar esta plataforma, para catapultarse...Y vota por <a href="/@theghost1980">@theghost1980. Presidente de Steemit para las futuras elecciones... <p dir="auto">Antes de comenzar con lo básico y avanzado de markdown, les doy las gracias por permitirse avanzar. Considero que todo el que está en Steemit, quiere un cambio y lo está haciendo posible. Eso dice mucho sobre las personas. Personas que... <blockquote> <p dir="auto"><em>Par Favar...<span>Bueno <a href="/@theghost1980">@theghost1980, solamente uno de los dos puede divagar y robarse un par de párrafos. Ahora, enfócate y continua con la guía. <hr /> <h3>Básico y necesario <em>MD <code>### Básico y necesario <p dir="auto">Es necesario entender que los artículos en Steemit son "mini páginas web". Para efectos de almacenar la información en la <em>Blockchain o cadena de bloques de STEEM, se coloca todo como texto plano. Es allí donde entran los lenguajes de programación. El lenguaje base utilizado para los contenidos de Steemit es el <a href="https://es.wikipedia.org/wiki/HTML" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><em>HTML. Como ya se han dado cuenta, en este artículo les voy a compartir cada cosa importante o párrafo con su código en bloques, de manera que pueden verlo o copiar y pegar<sup>1. <em>Markdown es un pseudo lenguaje que simplifica las instrucciones de <em>HTML. <blockquote> <p dir="auto">Theghost1980 espera por favor. No entiendo porque estás repitiendo los títulos y colocando <em>McDonalds en todas partes... <p dir="auto">Les explico. Para hacer de esta microguia algo <em>más simpatico, voy a revelar los códigos Markdown colocando las palabras <strong>MD seguidas del código. Ese código lo puedes copiar, pegar e incluso, modificar. <h6>1: Les pido que sean creativos y que aunque copien los formatos, no utilicen los mismos iconos de mini-imágenes. Existe la opción de buscar miles de iconos en <a href="https://icons8.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Icons8.com. <div class="pull-right"> <p dir="auto"><center><br /><br /><a href="https://s5.postimg.org/9oxq1234n/markdown-steemit-theghost1980-venezuela.png" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png" alt="img" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 2x" /><br /> <span> <img src="https://images.hive.blog/768x0/https://s5.postimg.org/9oxq1234n/markdown-steemit-theghost1980-venezuela.png" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/9oxq1234n/markdown-steemit-theghost1980-venezuela.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/9oxq1234n/markdown-steemit-theghost1980-venezuela.png 2x" /> <h4>Caminemos como bebés <p dir="auto">Si estás utilizando <em>HTML, existen muchas cosas que no te serán tan fáciles de llevar a cabo. Utilizando markdown, lo primero que debes hacer es reconocer donde está el editor de Markdown. <ol> <li>Cuando hacemos <em>clic en "Post" o "Publicar", se abre el editor en <strong>modo Markdown por defecto. <li>Si vas a utilizar lenguaje <em>Markdown, simplemente empieza a escribir y tendrás a tu disposición la vista previa justo debajo. <li>Si por alguna razón estás dentro del editor HTML, simplemente debes borrar lo que sea que tienes escrito y dar <em>clic al mismo botón. Ese botón tiene dos funciones. Al presionar una vez, es el editor(<em>se refiere al editor HTML). Al presionar otra vez, te coloca en el editor de <em>Markdown. <p dir="auto">Ahora hagamos una lista con varios comandos muy básicos. Las listas en <em>Markdown se construyen numeradas o sin enumerar: <h6>MD: <pre><code>1. Aquí pienso escribir **que bonita es estás vida con un pedazo de linea en negrillas**. 2. En este segundo item de lista, _Alter_ me mira con ojos serios mientras se da cuenta de que _yo no soy Jorge Celedón_. Y acabas de ver como se coloca una linea o palabra en _cursiva o Italic_. 3. En este item número 3 de la lista. Tenemos el uso de un [enlace a un sitio web externo](https://saturnomangieri.com), de la manera 1. _Nota: más adelante les contaré la otra manera de presentar un enlace un poco más organizado_. <p dir="auto">Ahora bien, si colocamos este código que vimos arriba en cualquier parte del editor<sup>2 de <em>Markdown, veremos la lista como sigue: <ol> <li>Aqui pienso escribir <strong>que bonita es estás vida con un pedazo de linea en negrillas. <li>En este segundo item de lista, <em>Alter me mira con ojos serios mientras se da cuenta de que <em>yo no soy Jorge Celedón. Y acabas de ver como se coloca una linea o palabra en <em>cursiva o Italic. <li>En este item número 3 de la lista. Tenemos el uso de un <a href="https://saturnomangieri.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">enlace a un sitio web externo, de la manera 1. <em>Nota: más adelante les contaré la otra manera de presentar un enlace un poco más organizado. <blockquote> <p dir="auto">Venga <em>Tío eres un máquina. ¿Me muestras por favor como armas una lista sin enumerar? <p dir="auto">Comentario tipo cita de <em>Alter: <p dir="auto"><code>> Venga _Tío eres un máquina_. ¿Me muestras por favor como armas una lista sin enumerar? <p dir="auto">Una lista sin números se puede hacer: <h6>MD: <pre><code>- Utilizando el guión "-" al inicio de la linea que quieres convertir en elemento de lista y **dejando un espacio entre el guión y la primera palabra**. * También puedes utilizar un asterisco "*". De igual manera debes dejar un espacio en blanco después del asterisco. - Y este sería otro elemento de la lista. <p dir="auto">Colocando el código <em>Markdown en el editor por defecto de Steemit, tendríamos: <ul> <li>Utilizando el guión "-" al inicio de la linea que quieres convertir en elemento de lista y <strong>dejando un espacio entre el guión y la primera palabra. <ul> <li>También puedes utilizar un asterisco "*". De igual manera debes dejar un espacio en blanco después del asterisco. <ul> <li>Y este sería otro elemento de la lista. <p dir="auto"><em>Puedes notar como el editor ordena la lista con viñetas idénticas a pesar de que hayamos utilizado un "*" y un "-". <h4>Bloques de código distintivo <p dir="auto">Utilizando los caracteres "`"(<em>sin las comillas claro está), podemos crear una línea de código en distinción. <ul> <li>Soy una línea que al agregarle las <a href="https://dictionary.cambridge.org/es/diccionario/ingles/backtick" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">"backticks", a inicio y al final, quedará como una linea de código distintivo en el elemento de lista aquí debajo. <li><code>Soy una línea que al agregarle las ["backticks"](https://dictionary.cambridge.org/es/diccionario/ingles/backtick), a inicio y al final, quedará como una linea de código distintivo en el elemento de lista aquí debajo. <p dir="auto">Si colocamos tres "backticks" seguidos, podemos escribir en la linea siguiente, muchas líneas de códigos y texto. Al finalizar ese párrafo o lineas, debemos colocar tres "backticks" para <em>cerrar el comando. Ejemplo colocando 3 "backticks" antes y después: <pre><code>Entiendo que puedas sentirte ofuscado con tanto pero, vale la pena entender el lenguaje para dar un mejor formato a tus artículos. De otra manera, no _estarás_ en la onda y tus publicaciones se harán muy "cuesta arriba" <h6>2: Los comentarios en Steemit, hacen uso del editor de <em>Markdown. Escribe un código <em>Markdown en comentarios. Al mejor comentario, le daré un premio. <h6>MD: <pre><code>###### 1: Les pido que sean creativos y que aunque copien los formatos, no utilicen los mismos iconos de mini-imágenes. Existe la opción de buscar miles de iconos en [Icons8.com][e2]. ###### 2: Los comentarios en Steemit, hacen uso del editor de _Markdown_. Escribe un código _Markdown_ en comentarios. Al mejor comentario, le daré un premio. <hr /> <div class="pull-right"> <p dir="auto"><center><br /><br /><a href="https://i.ytimg.com/vi/SFpahCUTTfc/maxresdefault.jpg" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Imagen tomada de canal de youtube - <img src="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png" alt="img" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/ctl5iuu5z/icons8-zoom-in-50.png 2x" /><br /> <span> <img src="https://images.hive.blog/768x0/https://i.ytimg.com/vi/SFpahCUTTfc/maxresdefault.jpg" srcset="https://images.hive.blog/768x0/https://i.ytimg.com/vi/SFpahCUTTfc/maxresdefault.jpg 1x, https://images.hive.blog/1536x0/https://i.ytimg.com/vi/SFpahCUTTfc/maxresdefault.jpg 2x" /> <h3>Enlaces anidados y limitaciones del <em>Markdown en Steemit <p dir="auto">No todo es color de rosa en Steemit. Debido a posibles <em>brechas de seguridad en el sistema, muchas funciones del <em>Markdown han sido deshabilitadas. Es probable que cuando intentes aplicar códigos que encuentras en otras páginas web, te aparezcan errores en el editor de Steemit. En realidad no son errores sino que son códigos que pueden vulnerar el sistema y por ende han sido <em>bloqueados. Te diré lo que si puedes hacer: <ul> <li>Hacer uso de los <code><div>. Una división de código, te permite agrupar párrafos o imágenes para darle un sentido especial. <em>Más adelante se las explico con ejemplos. <li>Anidar enlaces con mini imágenes. <li>Organizar los enlaces de imágenes o sitios web. <li>Reutilziar el código "n-veces" en un mismo artículo. <li>Anidar <code><div>isiones. Puede que les parezca un poco loco pero funciona para formatos muy específicos. <li>Crear tablas. <li>Justificar párrafos separados en <code><div> o justificar un artículo completo. <h4>Anidando enlaces <p dir="auto">Un enlace sencillo a una página web, lo hacemos de la siguiente manera <code>[texto del enlace](enlace). Si quisiera enviarlos de manera <em>manipuladora y muy desvergonzada a mi página web lo haría así: <ul> <li><code>[Vengan a mi website](https://saturnomangieri.com). En la Siguiente linea, el código en ejecución. <li><a href="https://saturnomangieri.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vengan a mi website <p dir="auto">En el mismo orden de ideas, podemos fabricar un enlace a una foto. Digamos que coloco una foto pequeña justo aquí debajo y quiero colocarle su respectiva fuente, justo debajo de la foto. Lo haré todo de un solo golpe y luego explico.<br /> <center><img src="https://images.hive.blog/0x0/https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" /><br /> <center><a href="https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Fuente de Imagen <h6>MD: <pre><code><center></center> <center>[Fuente de Imagen](https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif)</center> <p dir="auto">Si se dan cuenta, es el mismo enlace directo de la imagen el que utilizo como fuente. La instrucción <code><center> se usa para centrar tanto en <em>Markdown como en <em>HTML. Algunas etiquetas requieren <em>cierre y apertura, es decir <code><center> es la apertura y el cierre <code></center>. <em>Nótese el Slash "/". <p dir="auto">Ahora vamos a complicarlo anidando una mini-imagen para sustituir ese "fuente de imagen" por un ícono tomado de <a href="https://icons8.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Icons8.com. <h6>MD: <pre><code><center></center> <center>[](https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif)</center> <p dir="auto">Al colocar el código en el editor de texto se verá como sigue:<br /> <center><img src="https://images.hive.blog/0x0/https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" /><br /> <center><a href="https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 2x" /> <p dir="auto">Es importante que vayan paso a paso: <ol> <li>Una imagen se coloca dentro de un artículo como: <code>(<em>hablando de un enlace directo). <li>Utilizamos <code><center></center> para centrar la imagen o el texto. Lo que <em>queremos centrar se coloca entre la apertura y el cierre. <code><center>ES DECIR ACÁ</center>. <li>Si lo ves más fácil puedo sustituirles los enlaces por la palabra "ENLACE" y puede que lo vean más claro a continuación. <pre><code><center></center> <center>[](enlace-directo-a-imagen-acá)</center> <blockquote> <p dir="auto"><span>Descuida <a href="/@theghost1980">@theghost1980, muchos solo van a copiar a pegar y verás a muchos utilizando el mismo icono de esa imagen color naranja... <p dir="auto">Les pido que estudien y sepan lo que hacen. <em>Nada se aprende mejor que haciendo las cosas por uno mismo. Si simplemente copian y pegan el contenido, van a cometer errores y no sabrán la causa. <hr /> <h3>De las <code><DIV>isiones <p dir="auto">En <em>Markdown podemos dividir párrafos para mayor comodidad o formato visual. Tomemos el ejemplo de la imagen anterior y vamos a colocarla a un lado derecho. Para esto debemos definir un <code><div> que abre al inicio y cierra, con su respectivo <code></div> en la linea final. <pre><code><div class="pull-right"> <center></center> <center>[](https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif)</center> </div> <div class="pull-right"> <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" /><br /> <center><a href="https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 2x" /> <p dir="auto">Al ejecutarlo lo veremos a mano derecha ----><br /> Podemos notar como lo que hicimos fue definir una división de código e hicimos uso de una clase. Es una materia un tanto compleja a nivel de programación pero, <strong>confórmense con saber que las clases son "familias" de códigos con propiedades. En este caso haciendo uso de la clase <code>"pull-right", halamos el div a la derecha. Si cambiamos el código por "pull-left" pues se hala a la izquierda. <em>Nota: Normalmente cuando colocamos las imágenes y queremos que aparezcan justo a la derecha o izquierda de un párrafo, debemos colocarlas antes del párrafo. <h6>MD: <pre><code><div class="pull-left"> <center></center> <center>[](https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif)</center> </div> **Con esto quiero decir que he colocado la imagen aqui arriba, justo antes de la linea de texto, para que se "dibuje" justo a mano izquierda. Puntos suspensivos de relleno.................... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... .............** <p dir="auto">Y al ejecutar el código lo vemos así: <div class="pull-left"> <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" /><br /> <center><a href="https://s5.postimg.org/wb31dilx3/theghost1980-porro-steemit-venezuela-2.gif" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 2x" /> <p dir="auto"><strong>Con esto quiero decir que he colocado la imagen aqui arriba, justo antes de la linea de texto, para que se "dibuje" justo a mano izquierda. Puntos suspensivos de relleno.................... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............... ............. <p dir="auto">Nota: esos espacios de líneas vacíos, son necesarios para que te funcione y el editor reconozca el <em>Markdown. <hr /> <h3>Tablas para todos <h6>MD: <pre><code>|Encabezado 1|Encabezado 2| |------|------| |Celda 1|Celda 2| <p dir="auto">Al ejecutar lo vemos así: <div class="table-responsive"><table> <thead> <tr><th>Encabezado 1<th>Encabezado 2 <tbody> <tr><td>Celda 1<td>Celda 2 <p dir="auto">Una tabla nos permite organizar muchas cosas y darles una mejor presentación. Dentro de las tablas podemos ejecutar algunos otros códigos como: <h6>MD: <pre><code>|~~Encabezado 1~~|_Encabezado 2_|[Encabezado 3](https://saturnomangieri.com)| |------|------|------| |Celda 1¹|Celda 2_{AY papa!}|Celda 3 con mini imagen + | <p dir="auto">Al ejecutar veremos: <div class="table-responsive"><table> <thead> <tr><th><del>Encabezado 1<th><em>Encabezado 2<th><a href="https://saturnomangieri.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Encabezado 3 <tbody> <tr><td>Celda 1<sup>1<td>Celda 2<sub>AY papa!<td>Celda 3 con mini imagen + <img src="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png" srcset="https://images.hive.blog/768x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 1x, https://images.hive.blog/1536x0/https://s5.postimg.org/z566r1vtz/icons8-picture-50.png 2x" /> <p dir="auto">Y para cerrar esta guía, una tabla de gifs animados ordenando los enlaces al final de la tabla. Esto nos permite colocar una referencia como <code>[g1] en vez de colocar largos enlaces. <h6>MD: <pre><code>|[g1]|[g2]| |------|------| |[g3]|[g4]| [g1]: http://1.bp.blogspot.com/-YERQD_zM-i4/TrRb2M8U24I/AAAAAAAAAhw/XufybV8vpZ0/s1600/mini_hunde_46.gif [g2]: http://media.tumblr.com/tumblr_m442a5fjYT1qb1380.gif [g3]: https://o1.t26.net/images/smiles/love.gif [g4]: http://stat.ameba.jp/user_images/20110911/08/nyanyanyamomoka/77/62/g/o0020002011475584148.gif <p dir="auto">Al ejecutar veremos: <div class="table-responsive"><table> <thead> <tr><th><img src="https://images.hive.blog/0x0/http://1.bp.blogspot.com/-YERQD_zM-i4/TrRb2M8U24I/AAAAAAAAAhw/XufybV8vpZ0/s1600/mini_hunde_46.gif" /><th><img src="https://images.hive.blog/0x0/http://media.tumblr.com/tumblr_m442a5fjYT1qb1380.gif" /> <tbody> <tr><td><img src="https://images.hive.blog/0x0/https://o1.t26.net/images/smiles/love.gif" /><td><img src="https://images.hive.blog/0x0/http://stat.ameba.jp/user_images/20110911/08/nyanyanyamomoka/77/62/g/o0020002011475584148.gif" /> <blockquote> <p dir="auto">Theghost1980 pero que tierno eres. Ven acá y dame un abrazo... <hr /> <h3>Recomendaciones <ul> <li>Experimenta poco a poco y entiende que es lo que haces. De esta manera, puedes conocer el lenguaje y hacer variantes. <li>Una vez que hayas realizado tus primeras publicaciones en <em>Markdown, puedes realizar plantillas para solo copiar, pegar y sustituir contenidos. <li>Este lenguaje te hará la vida más fácil aunque te tome tiempo entenderlo. <p dir="auto">Agradeciendo tu tiempo de vida por leer esta guía, me despido. STEEM ON, muchachONes. <p dir="auto">Y acá cerramos el GRAN DIV para justificar todo el artículo: <h6>MD: <p dir="auto"><code></div> <hr /> <p dir="auto"><center><img src="https://images.hive.blog/0x0/https://saturnomangieri.com/wp-content/uploads/2017/11/theghost1980-porro-steemit-venezuela.gif" /><br /><span>Diseñado por <a href="/@orelmely">@orelmely<br /> <center><a href="https://steemit.com/@theghost1980" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmZCsq29BQCKhXHdYKFVzNcCYdUH8DM4Aw7392Ve2sKhUp/follow_theghost1980.gif" alt="follow_theghost1980.gif" /><br /><a href="https://www.facebook.com/satmangieri/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/myface-theghost1980.png" srcset="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/myface-theghost1980.png 1x, https://images.hive.blog/1536x0/https://saturnomangieri.com/wp-content/uploads/2017/09/myface-theghost1980.png 2x" /> . <a href="https://twitter.com/saturnomangieri" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mytwitter-theghost1980.png" srcset="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mytwitter-theghost1980.png 1x, https://images.hive.blog/1536x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mytwitter-theghost1980.png 2x" /> . <a href="https://saturnomangieri.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mywebsite-saturno-mangieri-theghost1980.png" srcset="https://images.hive.blog/768x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mywebsite-saturno-mangieri-theghost1980.png 1x, https://images.hive.blog/1536x0/https://saturnomangieri.com/wp-content/uploads/2017/09/mywebsite-saturno-mangieri-theghost1980.png 2x" /><br />Saturno Mangieri - <em>Asesor de Tecnologías Blockchain <h6><em>icons from icons8.com <p dir="auto"> <h6>MD: <pre><code>###### PD: Yo en lo personal coloco los enlaces a los sitios web o a algunas imágenes, justo al final del artículo. Eso lo realizo utilizando las referencias de enlaces como les mostraré al final. [e1]: https://es.wikipedia.org/wiki/HTML [e2]: https://icons8.com [s1]: https://saturnomangieri.com/wp-content/uploads/2017/11/theghost1980-porro-steemit-venezuela.gif <h6>PD: Yo en lo personal coloco los enlaces a los sitios web o a algunas imágenes, justo al final del artículo. Eso lo realizo utilizando las referencias de enlaces como les mostraré al final.