¿Cuál crees que será la salida? Exacto, es: Hola Mundo!!!

Bien hasta aquí pero, te preguntarás ¿Cómo debes implementar el HTML en Steemit? ¿Verdad? Pues para eso hice este blog, para aprender juntos cómo hacerlo 😉

Es simple, sólo presionas en Raw HTML y ya habrás habilitado la opción, puedes desactivarlo cuando quieras, pero si lo haces lo que hayas hecho en HTML se cambiará. Allí puedes observar cómo hice para crear este bonito blog (considero yo) 😁

Segundo ¿Cuáles son las etiquetas HTML?

1. Párrafos:<p></p>

Como su nombre lo indica, esta etiqueta es para crear párrafos y se usa de esta manera igual que las demás:
<p>Esto es un párrafo, fíjate que hay que escribir dentro de la etiqueta p </p>

Salida:

Esto es un párrafo, fíjate que hay que escribir dentro de la etiqueta p



2. Encabezados:<h1></h1>

Esta etiqueta agranda las letras o palabras que coloques y existen hasta 5 tamaños, donde 1 es Grande y 5 es Pequeño
<h1>Mi título</h1>
<h2>Mi título</h2>
<h3>Mi título</h3>
<h4>Mi título</h5>
<h5>Mi título</h5>

Salida:

Mi título

Mi título

Mi título

Mi título

Mi título



3. Formatear texto:<b></b>,<i></i>,<del></del>,<sup></sup>, <sub></sub>

Si quieres marcas tus textos en negrilla utilizas <b>Y adentro escribes</b>

Para dar un estilo en letra italic o cursiva utilizas <i>Y adentro escribes</i>

También puedes tachar palabras si utilizas <del>Y adentro escribes</del>

¿Necesitas un tamaño de letra más pequeña? utilizas <sup>Y adentro escribes</sup> o <sub>Y adentro escribes</sub>

Salida:

Negrilla
cursiva
Tachado
^Superíndice
_Subíndice



4. Alinear texto:<div></div>

Puedes alienar tus párrafos de cuatro manera. Tal vez te parezca un poco complejo la utilidad de esta etiqueta, pero es sencilla, sólo fíjate:

Para alinear a la izquierda haces:

<div class="text-left">Puedes escribir todo a la izquierda dentro de esta etiqueta</div>

Salida
Puedes escribir todo a la izquierda dentro de esta etiqueta



Para alinear a el centro haces:

<div class="text-center">Puedes escribir todo al centro dentro de esta etiqueta</div>

Salida
Puedes escribir todo al centro dentro de esta etiqueta



Para alinear a justificado haces:

<div class="text-justify">Puedes escribir todo justificad dentro de esta etiqueta</div>

Salida
Puedes escribir todo justificado dentro de esta etiqueta



Para alinear a la derecha haces:

<div class="text-right">Puedes escribir todo a la derecha dentro de esta etiqueta</div>

Salida
Puedes escribir todo a la derecha centro dentro de esta etiqueta



Si eres observador para alinear texto lo decimos diciendo a dónde con frases en ingles, si quieres ir a la derecha dices right a la izquierda left, al centro center y justificado justify

Otro dato importante que puedes hacer con esta etiqueta es que puedes cambiar el color a tu texto a sólo el color rojo. Se hace así:

<div class="phishy">A dentro colocar tu texto.</div>
Salida

A dentro colocar tu texto.



Si eres creativo(a) puedes colocar estas etiquetas de forma anidada, es decir una dentro de otra. ¿Cómo? Pues así:


<div class="text-center"><div class="phishy">Mi título centrado y en color rojo.</div></div> <p><b><i>Aqui mi texto en letra cursiva y negrilla</i></b></p>
Salida

Mi título centrado y en color rojo.

Aqui mi texto en letra cursiva y en negrilla

¿Por qué estar atento a la segunda parte? Porque te enseñaré a crear tablas, colocar emojis, links y más ԅ(≖‿≖ԅ)