Comandos para Formato de Letras en Steemit
En Steemit tenemos dos formas de dar formato a las letras, una es por comandos de Markdown y la otra es por HTML. En este post vamos a revisar como usar ambos modos de trabajo para que puedas desarrollar artículos visualmente mas elegantes. En este articulo vamos a enfocarnos en el uso de comandos HTML.
Cuando vallas a trabajar el formato tienes que garantizar que cada comando tenga su inicio y su final claramente definido, bien escrito y de forma secuencial, sino cumples estas premisas, el texto no va a tener la apariencia esperada.
Es recomendable usar un solo modo de formato (HTML o Markdown), porque si mezclas los dos no se tiene el resultado esperado.
Los comandos que veremos son los siguientes:
| HTML | Markdown |
|---|---|
Tamaño | |
<h1>texto</h1> | #texto# |
<h2>texto</h2> | ##texto## |
<h3>texto</h3> | ###texto### |
<h4>texto</h4> | ####texto#### |
<h5>texto</h5> | #####texto##### |
<h6>texto</h6> | ######texto###### |
Negrita | |
<b>texto</b> | **texto** |
Italica | |
<em>texto</em> | *texto* |
Texto Rojo | |
<div class="phishy">texto</div> |
Descripción y Ejemplos
Tamaños de Letra
En este caso este formato es útil para títulos, ya que el comando final funciona también como salto de página, por lo tanto no es recomendable para usarlo dentro de párrafos. A continuación los siguientes ejemplos para ver la aplicación de los comandos de tamaños de Letras:
Modo Edición: | Resultado: |
|---|---|
<h1>Ejemplo de Texto h1</h1> | Ejemplo de Texto h1 |
<h2>Ejemplo de Texto h2</h2> | Ejemplo de Texto h2 |
<h3>Ejemplo de Texto h3</h3> | Ejemplo de Texto h3 |
<h4>Ejemplo de Texto h4</h4> | Ejemplo de Texto h4 |
<h5>Ejemplo de Texto h5</h5> | Ejemplo de Texto h5 |
<h6>Ejemplo de Texto h6</h6> | Ejemplo de Texto h6 |
Texto en Negrita
Sirve para colocar en negrita un texto dentro de una párrafo. A continuación se visualiza su aplicación
Modo Edición:
Ejemplo de texto en <b>Negrita</b> dentro de un párrafo.
Resultado:
Ejemplo de texto en Negrita dentro de un párrafo.
Texto en Itálica
Sirve para colocar en itálica un texto dentro de una párrafo. A continuación se visualiza su aplicación
Modo Edición:
Ejemplo de texto en <em>Itálica</em> dentro de un párrafo.
Resultado:
Ejemplo de texto en Itálica dentro de un párrafo.
Texto Rojo
Sirve para colocar en Rojo un texto. A continuación se visualiza su aplicación
Modo Edición:
Ejemplo de texto en <div class="phishy">Rojo</div> dentro de un párrafo.
Resultado:
Ejemplo de texto en
Ejemplos de Combinaciones
Titulo en Rojo
<div class="phishy"><h1>Ganadores del Premio</h1></div>
Ganadores del Premio
Titulo en Itálica y Rojo
<div class="phishy"><h1><em>Ganadores del Premio</em></h1></div>