Tutorial ¿Cómo publicar en Steemit? 3ra parte

¿Cómo publicar en Steemit? 3ra parte

<div class="text-justify"><div> <blockquote> Es importante aclararle a quienes me leen, que no soy especialista en estas áreas, puedo decir soy un usuario con sentido de pertenencia por nuestra plataforma y mi deseo es compartirles algunos comandos de <b>MARKDOWN y <b>HTML que me fueron útiles para realizar mis publicaciones en Steemit, con la finalidad de que los nuevos usuarios tengan dicha información desde mi punto de vista. <sub><h4>La Primera y Segunda parte de este Taller pueden conseguirla en los siguientes enlaces: <ol> <li> <a href="https://steemit.com/cervantes-curaciones/@kantos/tallerdemaquetado1eraparte-5qbjpe0wxy" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">LINK 1era parte <li><a href="https://steemit.com/cervantes-curaciones/@kantos/tutorialcmopublicarensteemit2daparte-sys1vrl5xp" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">LINK 2da parte <p dir="auto"><br /> <br /><br /> <center><h1>Taller de Maquetado (3da Parte) <div class="text-justify"><div> En este capítulo deseo compartir con ustedes los siguientes aspectos: <ol> <li>¿Cómo realizar saltos de linea? <li>¿Cómo realizar párrafos? <li>¿Cómo trazar linea separadora? <li>¿Cómo escribir códigos (en markdown texto con fondo gris)? <li>¿Cómo escribir textos tachados? <li>Cómo escribir textos preformateados? <li>Cómo escribir listas desordenadas (con viñetas)? <li>Cómo escribir listas ordenadas (con números)? <hr /> <p dir="auto">Para realizar párrafos debemos usar el elemento "p"<br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/1-parrafo.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/1-parrafo.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/1-parrafo.png 2x" /><br /> <p dir="auto"><center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/2-parrafo.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/2-parrafo.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/2-parrafo.png 2x" /><br /> <pre><code> <p> el texto del párrafo va aquí dentro </p> <hr /> <p dir="auto">Para trazar linea separadora debemos usar el elemento "hr/"<br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/3-hr.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/3-hr.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/3-hr.png 2x" /><br /><br /> Esta etiqueta no necesita cierre, ella por si misma abre y cierra. <p dir="auto"><center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/4-hr.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/4-hr.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/4-hr.png 2x" /><br /><br /> Cabe destacar que es una línea fina, horizontal y casi imperceptible. <pre><code> <hr/> <hr /> <p dir="auto">Para escribir códigos (en markdown texto con fondo gris) debemos usar el elemento "code"<br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/5-code.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/5-code.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/5-code.png 2x" /><br /> <pre><code> <code>texto</code> <hr /> <p dir="auto">Para escribir textos tachados usamos el elemento "del"<br /> abrimos el comando colocamos el texto a tachar en ese comando y cerramos <p dir="auto"><center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/6-tachado.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/6-tachado.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/6-tachado.png 2x" /><br /> <pre><code> <del>colocamos aquí dentro el texto que deseemos tachar y cerramos </del> <hr /> <p dir="auto">Para escribir textos preformateados debemos usar el elemento "pre".<br /> Este comando permite dar el formato deseado a los espacios entre líneas y letras que deseemos.<br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/7-pre.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/7-pre.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/7-pre.png 2x" /><br /><br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/8-pre.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/8-pre.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/8-pre.png 2x" /><br /> <pre><code> <pre>colocamos dentro el texto que deseemos p r e f o r m a t e a r y cerramos </pre> <hr /> <p dir="auto">Para escribir listas "desordenadas" (con viñetas) usamos el elemento "li" cuando llamamos desordenadas quiere decir sin un orden como 1, 2 , 3 etc. <p dir="auto"><center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/9-viñetas.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/9-viñetas.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/9-viñetas.png 2x" /><br /><br /> vista previa<br /> <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/10-viñetas.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/10-viñetas.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/10-viñetas.png 2x" /><br /> <pre><code> <li>texto con viñetas </li> <hr /> Para cerrar presento una herramienta muy útil, escribir listas ordenadas (con números), usaremos el elemento "ol" como comandos que deben estar antes de "li" aquí el texto cerramos "li/" luego para cerrar la lista cerramos con "ol/" <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/11-viñeta-con-numeros.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/11-viñeta-con-numeros.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/11-viñeta-con-numeros.png 2x" /><br /> se vería así: <center><img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/12-lita-enumerada.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/12-lita-enumerada.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/08/12-lita-enumerada.png 2x" /><br /> <pre><code> <ol> <li>texto enumerado</li> <li>texto enumerado</li> <li>texto enumerado</li> <li>texto enumerado</li> <li>texto enumerado</li> </ol> <hr /> <div class="text-justify"><div> <blockquote><span>Me encantó haber realizado esta publicación para ustedes, se hizo basado en mi experiencia de estos 160 días en <a href="/@steemit">@steemit. Todas las imágenes compartidas son de mi propiedad. <p dir="auto"><center> <img src="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/07/LOGO-KANTOS-STEEMIT.png" srcset="https://images.hive.blog/768x0/http://kantos.timeets.xyz/wp-content/uploads/2018/07/LOGO-KANTOS-STEEMIT.png 1x, https://images.hive.blog/1536x0/http://kantos.timeets.xyz/wp-content/uploads/2018/07/LOGO-KANTOS-STEEMIT.png 2x" /><br /> Agradecido con ustedes por su atención<br /> Puede ver este artículo en Steemit haciendo aquí <a href="https://steemit.com/spanish/@kantos/tutorialcmopublicarensteemit3raparte-comhxiroqo" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">en este LINK <br /><center><hr /><em>Publicado desde mi Blog de Steempress <a href="https://'https://wordpress.org/plugins/steempress/'" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemPress<span> : <a href="http://kantos.timeets.xyz/taller-de-maquetado-3era-parte/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">http://kantos.timeets.xyz/taller-de-maquetado-3era-parte/ <hr />