Guia practica de codigos HTML para usuarios recién llegados

in Steemit Nursery • 3 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

#betterlife #steemexclusive #tutorial #steem #steemitnursery
3 years ago in Steemit Nursery by
$0.00
    Reply 2
    Sort:  
  • Trending
    • [-]
     3 years ago 

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

    $0.00
      Reply
      [-]
       3 years ago 

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

      Saludos y bendiciones.

      $0.00
        Reply

        Coin Marketplace

        STEEM 0.25
        TRX 0.11
        JST 0.032
        BTC 61986.23
        ETH 3026.15
        USDT 1.00
        SBD 3.75