COMO MEJORAR MIS PRESENTACIONES EN STEEMIT: FORMATOS PARA TEXTOS (Parte I)
Como mejorar los textos de tu presentación
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> | Texto que quieres citar |
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
Te doy la bienvenida a Steemit, @quorum4
Para ayudarte en la plataforma, he votado en este post y te estoy siguiendo 🙂.
En esta red existen varias iniciativas que te ayudarán a crecer. Puedes verlas presionando aquí
¡Te deseamos mucho éxito y que disfrutes estar por aquí!
Este bot fue creado por @moisesmcardona. Si este comentario te ha parecido útil, vótalo como Witness presionando aquí
Hola @dienvenida, gracias por la ayuda ya me aviar registrado en Discord, pero me ayudaron la invitaciones que me enviaste, te lo agradezco mucho.
Por cierto, esta semana publiqué un capítulo nuevo de mi libro, es una breve reflexión sobre la Modernidad, apreciaría mucho que un usuario nuevo como tú la leyera y me diera su opinión,
.png)
CLICK EN LA IMÄGEN
Gracias por la Bienvenida, voy a leer tu post.png)
Muy buena e interesante información la que muestras en tu post amigo @quorum4, excelente guia para todos aquellos que no saben utilizar los formatos para sus publicaciones.
Sin embargo te doy un pequeño consejo para que mejores los contenidos de tu blog, si me lo concedes.
Veo que utilizaste la etiqueta #introduceyourself cuando este no es un post de presentación, siempre debes utilizar etiquetas (tags) acordes al tema que acabas de publicar, esto hará que tu publicación vaya filtrada a las personas que quieren leer y ver este tipo de contenido, además que te ayudara a crecer cada vez más como usuario.
Cualquier duda estaré dispuesto a aclararla y ayudarte en lo que sea necesario.
Saludos.
Gracias por los consejos, son bienvenidos todos los que puedan ayudar.
ya corregí los montajes de las tablas, espero sea mas legible.
me gusta mucho, supiste explicarlo muy bien
Gracias, ya corregí la publicación, para que saquen el mejor provecho de la información.
Muy interesante y útil para quienes estan empezando en la plataforma.
Gracias, cuando me interese en Steemit me enfoque en aprender a manejarlo, para para aprovechar sus cualidades al máximo, apenas estamos comenzando a publicar y decidimos en principio compartir nuestra poca experiencia y conocimientos con los nuevos usuarios de Steemit para que inicien con buen pie la experiencia de hacer su primera publicación.