Guia practica de codigos HTML para usuarios recién llegados

angdavid21 (62)in Steemit Nursery • 4 years ago

Guia practica de codigos HTML para usuarios recién llegados

_@angdavid21

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

Ejemplo	Ejemplo
Ejemplo	Ejemplo

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.