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> |
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 |
Ejemplo de texto en <b>Negrita</b> dentro de un párrafo.
Ejemplo de texto en <em>Itálica</em> dentro de un párrafo.
Ejemplo de texto en <div class="phishy">Rojo</div> dentro de un párrafo.
<div class="phishy"><h1>Ganadores del Premio</h1></div>
<div class="phishy"><h1><em>Ganadores del Premio</em></h1></div>