CÓMO USAR CÓDIGOS HTML EN STEEMIT | Guía fácil

gabrielalentes (30)in #steemit • 6 years ago (edited)

¿Nuevo usuario en Steemit?
¿Quieres aprender a utilizar los códigos HTML para darle vida a tus posts?

En esta sencilla guía encontrarás los
códigos básicos para modificar la apariencia de tu post.

Sólo debes copiar y pegar estos códigos en el lugar que desees y reemplazar por el texto deseado.

FORMATOS DE TEXTO

Para dar efecto cursiva.
\texto deseado aquí\

Para dar efecto negrita.

<b>texto deseado aquí</b>

Para dar efecto cursiva y negrita.

<i><b>texto deseado aquí</b></i>

Para cambiar el tamaño del texto.

Para hacer encabezados.

Para darle importancia a un párrafo.

Gigante.

<h1>texto deseado aquí</h1>

Un poco menos.

<h2>texto deseado aquí</h2>

Seguimos descendiendo.

<h3>texto deseado aquí</h3>

Aún más.

<h4>texto deseado aquí</h4>

Pequeño.

<h5>texto deseado aquí</h5>

Diminuto.

<h6>texto deseado aquí</h6>

AÑADIR ENLACES

Ir al perfil de @gabrielalentes.
Ir al perfil de @gabrielalentes.

[texto a mostrar aquí](enlace deseado aquí)

FORMATOS DE PÁRRAFO E IMÁGENES

En caso de ser una imagen, insertar el enlace en lugar de un párrafo.

Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo. Para justificar el párrafo.

<div class="text-justify">texto deseado aquí</div>

Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo. Para centrar el párrafo.

<center>texto deseado aquí</center>

Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas. Para crear diferentes columnas.

<div class=pull-left>texto deseado en columna 1 aquí</div>
<div class=pull-right>texto deseado en columna 2 aquí</div>

AÑADIR PIE DE FOTO

texto deseado aquí

<center>enlace de la imagen deseada aquí<br/><em>texto deseado aquí</em></center>

MEZCLANDO UN POCO LAS COSAS

Utilizando el código:

<div class=pull-left><center>enlace de imagen primaria<br/><em>Este pie de foto de ejemplo contiene palabras en <i>cursiva</i>, <b>negrita</b> y <i><b>ambas.</b></i></em></center></div>
<div class=pull-right><h1>Este título está a la derecha de la imagen, sin centrar.</h1>
<h3><center>Este subtítulo está a la derecha de la imagen, centrado.</center></h3>
<div class="text-justify">Este párrafo está justificado a la derecha de la imagen. Incluso con <i>cursivas</i>, <b>negritas</b> e incluso añadiremos una imagen secundaria. </div>
<div class=pull-right><center>enlace de imagen secundaria<br/><em>Esta imagen secundaria está a la derecha del texto, que a su vez está a la derecha de la imagen primaria.</em></center></div>  
<div class=pull-left>Este párrafo está a la izquierda de una imagen secundaria, sin justificar. </div>  
<div class=pull-left><div class="text-justify">Este otro párrafo si está justificado. Este otro párrafo si está justificado. Este otro párrafo si está justificado.</div>