Como utilizar HTML y MarkDown en Steemit
Autor 3mikey5000 Fuente
Hola steemianos, hoy les traigo la 2da parte de Como utilizar HTML y Markdown en steemit. Si aun no han visto la primera parte de esta guia, les recomiendo vayan al siguiente link. En el link encontraran los significados de HTML y Markdown.
¿Como utilizar HTML?
- Para poder utilizar las etiquetas de HTML que mostrare a continuacion, deberan activar primero el markdown de steemit.
Si no saben activar el Markdown de steemit, les recomiendo que vayan al siguiente post. Post de Markdown
Empecemos
- En la 2da parte de Como utilizar HTML y Markdown en Steemit, veremos etiquetas que nos ayudarán a dar una mejora visual a nuestros post. Utilizar dichas etiquetas siempre nos hará conseguir mayor cantidad de seguidores por el orden que tiene dicho post y adicionalmente podemos crear post con mucha imaginación utilizando estas etiquetas.
Las etiquetas que veremos a continuación, serán:
- Como crear una Tabla.
- Escribir textos con barras.
- Separación de Texto de Izquierda a Derecha.
Etiqueta de Tabla
La Etiqueta de Tabla, cumple la función de separar 2 palabras o textos en una pequeña tabla con diferencia de colores, estos colores son gris y blanco. Gracias a esta diferencia de colores, se crea visualmente una pequeña tabla explicativa para el seguidor lector. Por lo tanto nos entrega una cantidad variable de información a insertar en ella.
La etiqueta de Tabla, se compone de líneas paralelas entre si y dentro de esas lineas se inserta dicha información, que llevara la tabla. A continuacion veran como funciona el código de la etiqueta y siguiente a eso, el resultado.
Código
| Titulo| Titulo || --------|---------||Información 1 | Información 2 || Información 1| Información 2 |Resultado
| Titulo | Titulo |
|---|---|
| Información 1 | Información 2 |
| Información 1 | Información 2 |
- Como pueden ver gracias a estas etiquetas, podra ir añadiendo información en las tablas realizadas en este momento.
Dato adicional, para agregar mas cantidad de filas y columnas, deberán seguir agregando los signos
| | |.
Escribir Textos con Barras
La Etiqueta Texto con barras, es una etiqueta para poder resaltar alguna función en HTML o Markdow o también marcar con párrafo o letra de tu texto escrito en el post.
La Etiqueta Texto con barra, se compone de 2 signos`` y la información escrita dentro, para poder resaltar el párrafo insertado en ella.
En medio de los 2 signos de la etiqueta ira la información.
Codigo
Resultado
informacion - Como pueden ver, dentro de los 2 signos en el código, se agrega la palabra "Información" y al agregar esta palabra o cualquier otro texto. Instantáneamente se agregó un marcador en la palabra. Dejando una palabra con mayor enfoque para el lector.
Separación de Texto de Izquierda y Derecha
La etiqueta de Separación de Texto de Izquierda y Derecha, funciona de manera similar a separar una imagen con un párrafo. Dejando la imagen al lado izquierda o derecho y al párrafo al lado de ella. Este tipo de etiquetas sirven esencialmente para agregar un orden entre un párrafo y otro o una imagen y el párrafo.
Codigo
<div class="pull-left">Texto de la Izquierda, Ejemplo para demostrar cómo funciona esta etiqueta.Que nos indica que este texto irá a la izquierda.</div>
<div class="pull-right">Texto de la Derecha,Ejemplo para demostrar cómo funciona esta etiqueta. Que nos indica que este texto irá a la derecha.</div>
- En "pull-left" o "pull-right" es la orden que entrega esta etiqueta, si esta frase es left, significa que el párrafo dentro de esa etiqueta irá a la izquierda. Si en pull colocan la frase right, significa que el párrafo irá a la derecha. De esta manera podemos reconocer el comando.
Resultado
- Claramente notamos el resultado de esta etiqueta, al entregar la orden al texto agregado en ella. Recordarles que la etiqueta lleva un cierre y este cierre es
</div>
Hasta aca dejare la 2da parte de Como utilizar HTML y Markdown en Steemit, espero que les alla servido de ayuda y puedan aplicar este tipo de etiquetas a sus post. Les agradeceria bastante un upvote, resteem o comentario. Saludos soy @makemoneynow.
ANALIZANDO, PENSANDO Y ACTUANDO, SE PUEDE LOGRAR UN MEJOR RENDIMIENTO.
Amigo @makemoneynow, agradezco mucho tu valiosa información, sobre el lenguaje de marcado y así poderlo implementar al momento de realizar un post, dándole mayor elegancia y vistosidad ya que es de gran ayuda para las personas que estamos iniciando en esta plataforma..
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Gracias @joncar, seguire subiendo informacion. Saludos
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Este Post ha recibido un Upvote desde la cuenta del King: @dineroconopcion, El cual es un Grupo de Soporte mantenido por 5 personas mas que quieren ayudarte a llegar hacer un Top Autor En Steemit sin tener que invertir en Steem Power. Te Gustaria Ser Parte De Este Projecto?
This Post has been Upvote from the King's Account: @dineroconopcion, It's a Support Group by 5 other people that want to help you be a Top Steemit Author without having to invest into Steem Power. Would You Like To Be Part of this Project?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit