Como mejorar los textos de tu presentación
"corregido"
Hola de nuevo Stemitnianos.
Dar un buen formato a tus post significa que debes conocer un poco sobre la sintaxis de Markdown y HTML, no nos convertiremos en expertos pero si mejoraremos nuestras presentaciones en steemit.
Para un lector la visualización y puntos de referencia de un post significan mucho, no es lo mismo leer un página con un largo y aburrido texto, que encontrarse con otra que contenga buenas ilustraciones y párrafos bien elaborados, se necesitan referencias que suavicen la lectura de una post.
FORMATEO DE TEXTO
1°- Los Párrafos:
Para definir un párrafo MARKDOWN escribimos el texto directamente y esto sería válido, pero con HTML se utilizan las etiquetas <p> y </p>, en medio el texto que queremos visualizar.
Ejemplo:
<p>Escriba aquí el texto</p>
Estas etiquetas <p> y </p> sirven para definir el inicio y final de un párrafo.
2°- Saltos de Linea:
Los saltos de línea con MARKDOWN tan solo basta con presionar enter al final de un párrafo, en HTML se define con el uso de la etiqueta <br> y obtendremos un salto de línea automático.
Ejemplo:
<p>Escriba aquí el texto</p>
<br> Linea en blanco
<p>Escriba aquí el texto</p>
se vera así:
Escriba aquí el texto
Escriba aquí el texto
Se pueden hacer varios <br> seguidos como se desee, y se harán varios saltos de línea seguidos.
3°- Justificar un párrafo:
Una de mis etiquetas preferidas, esto hace una gran diferencia visual en sus post, lo que deben hacer es colocar la etiqueta <div> y </div>, como se muestra a continuación.
Ejemplo:
<div class= "text-justify">
Escriba aquí el párrafo que será justificado
</div>
Cierto día paso un publicista frente a él, se detuvo leyó el cartelito que este pobre ciego tenia a sus pies y observo que solo contaba con unas pocas monedas recolectadas en el viejo sombrero...
<div class= "text-left">
Escriba aquí el párrafo que será alineado a la izquierda.
</div>
Cierto día paso un publicista frente a él, se detuvo leyó el cartelito que este pobre ciego tenia a sus pies y observo que solo contaba con unas pocas monedas recolectadas en el viejo sombrero...
<div class= "text-right">
Escriba aquí el párrafo que será alineado a la derecha.
</div>
4°- Titulos o Cabeceras:
# Título 1 | Título1 |
## Título 2 | Título2 |
### Título 3 | Título3 |
#### Título 4 | Título4 |
##### Título 5 | Título5 |
###### Título 6 | Título6 |
Con MARKDOWN tienes que utilizar el signo de # al principio de la línea, dejar un espacio y luego escribir el texto, así cambiaras el tamaño del texto para escribir títulos, subtítulos o cabeceras en tus artículos, el tamaño solo depende de cuantos # utilices al principio de esa línea y puedes variar el tamaño en seis niveles de tamaños, mientras mas signos de # más pequeño será el texto.
Ejemplo:
### Hola Mundo...
y su resultado será:
Hola Mundo...
<h1> Título1</h1> | Título1 |
<h2> Título2</h2> | Título2 |
<h3> Título3</h3> | Título3 |
<h4> Título4</h4> | Título4 |
<h5> Título5</h5> | Título5 |
<h6> Título6</h6> | Título6 |
Con HTML coloca La etiqueta <h1> para los encabezados más grandes, esta etiqueta también varia el tamaños del encabezado, desde <h2> para los de segundo nivel y así hasta <h6> que es el encabezado más pequeño.
En HTML, abres con <h1> y cierras con </h1>, el texto se escribe entre las dos etiquetas; los encabezados implican también una separación en párrafos, así que todo lo que escribamos dentro de <h1> y </h1> se colocará en un párrafo independiente.
Ejemplo:
<h3>Hola Mundo...</h3>
y su resultado será:
Hola Mundo...
5°- Centrado del texto
El centrar texto e imágenes es simple y se hace con las etiquetas <center> y </center>
<center>texto centrado</center>
6°- Enfasis del texto
Los énfasis son de utilidad para resaltar nuestros textos y podes así logar la atención de los lectores, si queremos colocar el texto en cursiva, negrita, tachada o una combinación de todas, podemos emplear MARKDOWN y HTML, estos dos métodos permitirán resaltar las palabras y frases de nuestra publicación.
Los textos en Curciva
CODIGO | RESULTADO | |
|---|---|---|
MARKDOWN | *Cursiva* | |
MARKDOWN | _Cursiva_ | |
HTML | <i>Cursiva</i> |
En el primer y segundo método, colocamos asterisco * o guion bajo _ delante y al final del texto que queremos en cursiva.
Con el tercer método, abriremos y cerraremos la etiquetas <b> y </i>, antes y después del texto.
Estos métodos permitirán curvar el texto por igual.
Los textos en Negita
CODIGO | RESULTADO | |
|---|---|---|
MARKDOWN | **Negrita** | |
MARKDOWN | __Negrita__ | |
HTML | <b>Negrita</b> |
Con los dos primeros métodos, colocamos dos asteriscos ** o doble guion bajo __ delante y al final del texto que queremos resaltar.
El tercer método lo emplearemos , abriendo y cerrando la etiquetas <b> y </b>, antes y después del texto.
Con los tres métodos obtendremos el mismo resultado, textos resaltados.
Los textos Tachados
| RESULTADO | |
|---|---|
~~Tachado~~ | |
<u>Tachado</u> |
A mi manera de ver las cosas, este es el método menos utilizado por los usuarios en las publicaciones.
Aquí tomamos en cuenta los dos estilos, pero la forma de HTML no se hace presente en la publicación de Steemit, así que describiremos la forma de MARKDOWN la cual es dos tildes~~ al principio y al final del texto como en ejemplos anteriores, en los que se presentan dos caracteres seguidos para que los énfasis tengan efecto en el texto.
COMBINACIONES DE ETIQUETAS
La forma de combinar los énfasis son muy flexibles, hasta el punto de poder combinar MARKDOWN con HTML, y todas son validas para las publicaciones en Steemit, así que describiremos las combinaciones mas comunes.
COMBINACION | CODIGO | RESULTADO |
|---|---|---|
Negrita +Cursiva | **_Combinacion_** | |
Negrita +Cursiva | <b><i>Combinacion</i></b> | |
Negrita +Cursiva | <b>_Combinacion_</b> | |
Cursiva+Negrita | _**Combinacion**_ | |
Cursiva+Negrita | <i><b>Combinacion</b></i> | |
Cursiva+Negrita | <i>**Combinacion**</i> | |
Tachado+Negrita +Cursiva | ~~__*Combinacion*__~~ | |
Tachado+Negrita +Cursiva | <u><b><i>Combinacion</i></b></u> | |
Negrita +Tachado+Cursiva | <b>~~<i>Combinacion</i>~~</b> |
7° Superindice y Subindice:
Si queremos colocar el texto en superindice o subindice, lo haremos así:
CODIGO | RESULTADO | |
|---|---|---|
Super Indice | 10<sup>2</sup> | |
subIndice | H<sub>2</sub>O |
Para colocar un superindice, colocamos la etiqueta <sup> y </sup> delante y al final de los caracteres que queremos en encima del texto.
Con el subindice, colocamos la etiqueta <sub> y </sub> delante y al final de los caracteres que queremos en debajo de del texto.
Estos métodos permitirán hacer formulas.
Ejemplo:
8°- Citas o quotes:
Este es uno de los elementos mas populares para hacer de nuestro post y se vean atractivo y de calidad, con ellos podemos citar frases celebres, pensamientos, autores de textos o imágenes que utilizamos.
CODIGO | RESULTADO | |
|---|---|---|
MARKDOWN | <blockquote>Texto a citar</blockquote> | Texto a citar |
HTML | <q>Texto que quieres citar</q> |
Notas:
- recuerda que al trabajar con etiquetas o símbolos debes de abrir y cerrar de igual manera.
Ejemplo:
- Las etiquetas de HTML y los símbolos de Markdown, se pueden combinar para lograr publicaciones de calidad profesional.
Agradecimiento a los amigos
@theghost1980
@sneikder
@bert0
