Como utilizar HTML y MarkDown en Steemit

in #spanish7 years ago

Como utilizar HTML y MarkDown en Steemit

mini imagen.pngAutor 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

TituloTitulo
Información 1Información 2
Información 1Informació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

Texto de la Izquierda, Ejemplo para demostrar cómo funciona esta etiqueta.Que nos indica que este texto irá a la izquierda.
Texto de la Derecha,Ejemplo para demostrar cómo funciona esta etiqueta. Que nos indica que este texto irá a la derecha.

  • 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.

mini imagen 2.png

Sort:  

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..

Gracias @joncar, seguire subiendo informacion. Saludos

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?