Justificación de Texto, Alineación de Imágenes y Enlaces. Sintaxis Markdown más utilizadas

[hevictor]

Hay muchas guías y tutoriales acerca de la utilización de Markdown, pero en esta ocasión quiero resaltar los comandos que son mas utilizados y comunes, al menos para mi...

Justificación de Texto:

Para justificar todo el texto de la publicación solo agrego dos lineas, una al inicio del texto y otra al final:

Esto lo escribo al inicio del texto de la publicación: <div class="text-justify"><p>
 y esto al final: </div>

Quedaría así en el editor Markdown:

<div class="text-justify"><p>
...todo el texto de la publicación...
</div>

Alineación de Imágenes:

Las imágenes pueden alinearse al centro y a la derecha, por defecto se alinean automáticamente a la izquierda. Ademas, si la imagen no es propia, se recomienda colocar el enlace de la fuente de la imagen, los siguientes son los códigos para tal fin:

• Centrar Imagen:

<center>enlace de la imagen</center>
<center>[Nombre de la Fuente](Enlace de la fuente de la imagen)</center>

Resultado:

OroyFinanzas.com

• Alinear Imagen a la derecha:

<div class="pull-right">enlace de la imagen<p><a href="enlace de la fuente">
<center>Nombre de la Fuente</center></a></p></div>

Resultado:

OroyFinanzas.com

• Alinear Imagen a la izquierda:

<div class="pull-left">enlace de la imagen<p><a href="enlace de la fuente">
<center>Nombre de la Fuente</center></a></p></div>

Resultado:

OroyFinanzas.com

Enlaces en texto e imágenes:

Esta función es útil para evitar colocar largas direcciones URL y darle mejor apariencia a la publicación. Para ello solo es necesario colocar entre corchetes el texto o el link de la imagen al que queremos que lleve el enlace incrustado, seguidamente y sin dejar espacios colocamos la dirección URL entre paréntesis:

Enlace en Texto:
[texto](enlace URL de referencia)

Enlace  en Imágenes:
[![nombre de la imagen](enlace de la imagen)](enlace URL de referencia)

Así quedaría en el editor Markdown:
Enlace en Texto:
[Perfil de Victor](https://steemit.com/@hevictor)

Enlace en Imágenes:
[![Victor](https://steemitimages.com/DQmR6dFrDWPWqUqSrKHiJacsK1NRDkLm1FyzTa5tTV5MNxJ/hevictor.jpg)](https://steemit.com/@hevictor)

Resultado:

Perfil de Victor

Espero que esta información les sea útil, hasta la próxima!

Comments

[tccgb]

Muy fácil hasta que entras a la parte de enlaces e imágenes. A leerlos despacio y practicar. Agradecida por tu aporte. He dejado mi votico.

[hevictor]

Gracias ツ

[artemacarre]

Muchas gracias me has ayudado mucho con tu post, me gusta aprender cada día algo nuevo.

[hevictor]

Que bueno, me alegra mucho que le haya sido útil... Un Saludo

[resteemable]

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly � Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

[allaz]

You got a 3.00% upvote from @allaz courtesy of @hevictor!

[minnowsupport]

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by hevictor from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.