Toques HTML para mejorar tus post

jfinol (46)in #spanish • 7 years ago

Este un tuto básico de algunas opciones en HTML para mejorar tus post, este lenguaje de fácil manejo nos permitira algunas opciones como centrar el texto, justificarlo, agregar un link a tus imágenes, entre otros. Que el editor o el Markdown usado en Steemit no ofrece.

Barra editor de Steemi

Realizando la siguiente búsqueda: inurl:html site:https://steemit.com/ en Google podras encontrar muchos más post que hablan del tema.

¿Qué es HTML? La respuesta aqui.

Este lenguaje de programación se basa en etiquetas una al inicio ejemplo <center> y otra de cierre </center> al texto que quieres modificar, este párrafo al igual que la línea anterior fue centrado con la etiqueta center solo nota el detalle que la etiqueta de cierre usa la barra o slash "/" y la de apertura no.

Para justificar usamos <div class="text-justify"> y el cierre es </div> esta etiqueta fue usada en el primer párrafo de este post y también en este, se puede apreciar al fijarse bien en como está alineado el texto a los lados del párrafo tambien se puede usar a todo el texto al igual que center colocándolo al inicio y al final del post

Las etiquetas <sup> </sup> se obtiene ^texto y con <sub> </sub> se obtiene _texto

Este efecto se logró con la siguiente etiqueta <div class="pull-left"> izquierda, <div class="pull-right"> derecha y la de cierre es </div> asi se crearon las columnas a la derecha y la izquierda, puede ser solo texto, dos imágenes o como lo estás apreciando. También está justificada esta columna y las etiquetas en las imágenes son válidas para su uso.

La etiqueta <hr> permite hacer un salto de línea dibujando una línea horizontal como separación y la etiqueta <br> lo mismo pero sin dibujar la línea. No necesitan etiquetas de cierre.

😎 Espero haya sido de gran utilidad estos tips para que mejore el aspecto de tus publicaciones. Un bonus: emojis 😉 o has una busqueda en san google con las palabras clave emoji y steemit 🏸

Si tienes algún consejo que pueda ayudar a enriquecer a la comunidad sobre el uso de HTML, no dudes en compartirlo.
🔻🔻🔻