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

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.
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>&nbsp;&nbsp;
<div class=pull-left>Este párrafo está a la izquierda de una imagen secundaria, sin justificar. </div>&nbsp;&nbsp;
<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>

Tendremos:


Este pie de foto de ejemplo contiene palabras en cursiva, negrita y ambas.

Este título está a la derecha de la imagen, sin centrar.

Este subtítulo está a la derecha de la imagen, centrado.

Este párrafo está justificado a la derecha de la imagen. Incluso con cursivas, negritas e incluso añadiremos una imagen secundaria.

Esta imagen secundaria está a la derecha del texto, que a su vez está a la derecha de la imagen primaria.
  
Este párrafo está a la izquierda de una imagen secundaria, sin justificar.
  
Este otro párrafo si está justificado. Este otro párrafo si está justificado. Este otro párrafo si está justificado.
#howto #tutorial #education #html
6 years ago in #steemit by
$0.19
  • Past Payouts $0.19, 0.00 TRX
  • - Author $0.15, 0.00 TRX
  • - Curators $0.04, 0.00 TRX
8 votes
Reply 5
Sort:  
  • Trending
    • [-]
     6 years ago 

    Hello gabrielalentes!

    Congratulations! This post has been randomly Resteemed! For a chance to get more of your content resteemed join the Steem Engine Team

    [-]
     6 years ago (edited)

    Me acabas de dar la solución para arreglar mis post , muchas gracias!

    $0.00
      Reply
      [-]
       6 years ago 

      ¡Este post está buenísimo @gabrielalentes! Ojalá más gente lo lea, saludos desde Costa Rica.

      $0.00
        Reply
        [-]
         6 years ago 

        We need more posts like this one. I look forward to learn more about html with you, so keep up the good work!

        $0.00
          Reply
          [-]
           6 years ago 

          Gracias por compartir la información, para mi de gran utilidad, espero poder aprender mas dia a dia... besos hermana te amo.

          $0.00
            Reply