<div class=phishy>Guía para mejorar publicaciones utilizando códigos html para nuevos usuarios 07-09-21</div>

in hive-198626 •  3 years ago  (edited)

Hola amiguitos buenas tardes hoy traigo esta maravillosa guía acerca del buen uso escritura de los códigos html.

a594e7c2-f965-4f52-8ccc-7e8044b0e114.jpg

separador22.png

Hoy quiero compartir con ustedes esta idea que nace al ver muchos niños quienes están ingresando a la plataforma y quiero ayudarlos con esta guía para mejorar sus publicaciones y conozcan los códigos html que nos ofrece @steemit.

Lo que se busca es que cada persona conozca por lo menos lo básico de los códigos y hacen publicaciones de mejor calidad que al que la lea lo encuentre atractivo.

Para comenzar una publicación comencemos con un titulo y subtitulo es para guiar al usuario de que se trata la publicación Por ejemplo:

separador22.png

Título 1

Título 2

Título 3

Título 4

Título 5
Título 6

separador22.png

Esto se forma de esta manera:

# Título 1
## Título 2
### Título 3
#### Título 4
##### Título 5
###### Título 6

separador22.png

  • Para centrar un texto

Otro código muy utilizado para mejorar los títulos o hacerlos mas llamativos es centrar.

<center> </center>

<center>Lo que quieres centrar</center>

separador22.png

  • Para escribir en negrita

Se colocan 2 guiones bajos o asteriscos al inicio y al final de la frase o palabra a resaltar.

Ejemplo:

**Negrita** __Negrita__

Resultado: Negrita

separador22.png

  • Para escribir en cursiva.

    se coloca 1 guion o asterisco al comienzo y al final de la oración o frase.

Ejemplo:

*Cursiva* _Cursiva_

Resultado: Cursiva

separador22.png

  • Para escribir en negrita cursiva

Utilizamos 3 asteriscos o guiones bajos para colocar la escritura cursiva.

Ejemplo:

***negrita cursiva*** ___negrita cursiva___

Resultado: negrita cursiva

separador22.png

  • Escribir en tachado.

Igual que los otros, pero solo dos cosas de estas: ~ serían usadas.

Ejemplo:

~~tachado~~

Resultado tachado

separador22.png

  • Para escribir en un bloque y hacer una lista.

| Post | Día |
| --------|---------|
| Viaje | Enero 1 |
| Comida | Enero 5 |

Ejemplo:

Se vera muy lindo asi un cuadro.

PostDía
ViajeEnero 1
ComidaEnero 5

separador22.png

  • Imágenes colocarla a la derecha.

<div class="text-justify"><div class="pull-right">La imagen</div>

separador22.png

Para colocar la imagen a la izquierda.

<div class="text-justify"><div class="pull-left">La imagen</div>

separador22.png

  • Para que tu texto sea aún más bonito. a la derecha.

Ejemplo:

<div class="text-right">Tu texto aquí</div>

texto a la derecha.

separador22.png

Para que tu texto sea aún más bonito. a la izquierda.

Ejemplo:

<div class="text-left">Tu texto aquí</div>

tu texto aqui.

separador22.png

  • Para hacer dos columnas de texto:

<div class="pull-left">Texto de la primera columna</div>

<div class="pull-right">Texto de la segunda columna</div>

ejemplo:

Aqui podemos colocar lo que queremos cualquier tema al gusto de ustedes.
Aqui podemos colocar lo que queremos cualquier tema al gusto de ustedes.

separador22.png

  • Cita de texto

Para esto se necesita colocar el signo (mayor Q) > al principio del texto

ejemplo:

> Se coloca el texto que se quiere citar o hacen mencion sobre el tema especifico.

Resultado

Se coloca el texto que se quiere citar o hacen mención sobre el tema especifico.

separador22.png

JUSTIFICAR TEXTOS

Esto se utiliza para que el texto o párrafo quede debidamente organizado y de forma correcta.

<div class="text-justify">TEXTO A JUSTIFICAR</div>

ejemplo:

Composición literaria que se concibe como expresión artística de la belleza por medio de la palabra, en especial aquella que está sujeta a la medida y cadencia del verso.

separador22.png

Como colocar la fuente de las imágenes o textos de la web.

[FUENTE](LINK DE LA WEB)

ejemplo:

FUENTE

separador22.png

Quise compartir con ustedes esta breve explicación para todos esos niños que vienen llegando a la plataforma y no conocen mucho como mejorar sus publicaciones bueno aquí los códigos mas comunes y utilizados espero sea de mucha ayuda para todos ustedes.

separador22.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Esta estupenda esta guia.Buen contenido @carlos89 importante para los nuevos ingresos en la plataforma y a los kids en esta comunidad.Te deseo exito!!Bendiciones

Lo hago para ayudar a todos esos niños ha mejorar sus publicaciones y conozcan mas de la plataforma.

Que buena información amigo gracias por compartir.

Siempre apoyando el crecimiento y la educación de los nuevos usuarios sobre steemit

Gracias por esos tips. Saludos

Son muy buenos para mejorar las publicaciónes

Hola padrino están muy buenos esos tips.

Esos códigos ayudan mucho y siempre se utilizan en todo tiempo saludos

Hola amigo @carlos89 esta super tu publicación es de mucha ayuda para todos 🤗🤗🤗.

#affable #venezuela

Que bueno que te gustó amigo puedes usarlas cuando quieras y hacer tu publicación más hermosa