Tutorial de Formato - Como trabajar las LetrassteemCreated with Sketch.

in #steemit3 years ago


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:

HTMLMarkdown

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
Rojo
dentro de un párrafo.


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>

Ganadores del Premio


Próximamente:

Tutorial de Formato - Como trabajar las Tablas

Sort:  

This post has received a 2.99% upvote from thanks to: @cides.
For more information, click here!!!!
Send minimum 0.010 SBD|STEEM to bid for votes.


Do you know, you can also earn daily passive income simply by delegating your Steem Power to @minnowhelper by clicking following links: 10SP, 100SP, 500SP, 1000SP or Another amount

You got a 43.48% upvote from @voteme courtesy of @cides! For next round, send minimum 0.01 SBD to bid for upvote.

Do you know, you can also earn daily passive income simply by delegating your Steem Power to voteme by clicking following links: 10SP, 25SP, 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.

Genial, @cides, excelente ayuda, siempre tuve la curiosidad de los comandos para cambiar los colores de las fuentes.

Genial, lo pondré en practica para mejorar mis publicaciones