Guia practica de codigos HTML para usuarios recién llegados

in Steemit Nursery3 years ago

Guia practica de codigos HTML para usuarios recién llegados

@angdavid21


image.png


Un gusto en saludarles mis amigos de esta maravillosa comunidad, hoy quiero compartir con uds una pequeña guía practica de los códigos HTML utilizados para darle ese toque personal a nuestras publicaciones.
Dichos cogidos te permiten realizar una publicación mas ordenada y darle ese toque artístico que te caracteriza.
a continuación les muestro los código y como quedaran según su uso.

- Para justificar

<div class="text-justify">PARRAFO AQUI</div>

Este codigo lo uso mucho ya que le da un toque elegante a tu publicaciones y mas si eres de esos ususrios que te encanta escribir este codigo es una buena opcion para utilizarlo. Este pequeño parrafo esta justificado

- Para centrar

<center>LO QUE DESEA CENTRAR AQUI</center>

Un pequeño ejemplo de como se vera si usas este código


- Para crear una cita

Para crear una cita debemos usar este símbolo, MAYOR QUE (>) seguido de un espacio para poder crearla al usarlo se vería de esta manera:

Steemit la mejor comunidad


- Para crear un hipervinculo

Este código es muy recomendable usarlo al momento que necesitemos alguna información de la web.

[Nombre del vinculo](Enlace) El resulato de usar este código seria este:

steemit


Si deseas organizar textos

Para querer organizar textos lo que debemos hacer es colocar un guion (-) seguido de un espacio y el texto a organizar, se veria de esta manera:

  • Paso numero 1

- Si deseas tus títulos en rojo

<div class="phishy">TEXTO A RESALTAR</div>

Se veria asi:

Ejemplo


- Negrita cursiva

Para este codigo usamos 3 asteriscos (***) o 3 guion bajo(___) al principio y al final de la oracion

se ve de esta menra: Ejemplo


- para crear una lista en un bloque

En este codigo solo usamos esta barra ( | ) y la estructuraremos de esta menra:

| Ejemplo | Ejemplo |
| ---- | ---- |
| ejemplo | ejemplo |

Se vera de esta menera

EjemploEjemplo
EjemploEjemplo

Puede crear cuantos bloques desee.


- Encabezados

Aquí puedes usar la letra (H) o el símbolo del numeral (#) seguido de un espacio los puedes usar de esta manera:

Ejemplo aqui utilice un numeral (#)

Aqui 2 numeral (##)

Aqui 3 numeral(###)

Aqui utilice 4 numeral(####)


- Colocar imagenes en derecga o izquierda

Para organizar la imagenes usamos estos codigos:

A la derecha

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

a la izquierda

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

Ejemplo


- Dos columnas de texto

<div class="pull-left"> primera columna</div>
<div class="pull-right">segunda columna</div>

Resultado

Creando contenido de buena calidad
Haciendo crecer la plataforma en steemit

- Para crear una linea que te separe un texto de otro

Para crear esta linea se utiliza solo 3 guiones (---) se vera asi:



- Para escribir en cursiva

Para escribir solo se necesita un asterisco (*) o guion bajo(_) al principio y al final de la oración

se vera asi

Ejemplo


- Escribir en barras

Si deseas escribir en barra si utilizan 3 tildes (EL TEXTO) al principio y al final de cada texto este simbolo lo eh estado utilizando en toda la publicacion y se vera asi:

Angel David


Bueno mis amigos, espero que este post les sirva de ayuda al momento de realizar sus publicaciones y puedan darle su toque personal a las mismas.

Gracias por visitar mi post nos vemos en una próxima oportunidad

Sort:  

Hola amigo muy bueno tu post me gusto mucho aprendi a utilizar mas los codigos.

Saludos y bendiciones.

Me satisface que te haya gustado, muchas gracias por visitar mi post bendiciones.