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

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@hevictor·
0.000 HBD
Justificación de Texto, Alineación de Imágenes y Enlaces. Sintaxis Markdown más utilizadas
[<center>https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/250px-Markdown-mark.svg.png</center>](https://es.wikipedia.org/wiki/Markdown)

<div class="text-justify"><p>

Hay muchas guías y tutoriales acerca de la utilización de [_Markdown_](https://es.wikipedia.org/wiki/Markdown), pero en esta ocasión quiero resaltar los comandos que son mas utilizados y comunes, al menos para mi...

### Justificación de Texto:
<br>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:
<br>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:**
<center>https://www.oroyfinanzas.com/files/2014/04/criptography-1-731x437.jpg</center>
<center>[OroyFinanzas.com](https://www.oroyfinanzas.com/2014/10/que-es-criptomoneda/)</center>

* **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:**
<div class="pull-right">https://www.oroyfinanzas.com/files/2014/04/criptography-1-731x437.jpg<p><a href="enlace de la fuente"><center>OroyFinanzas.com</center></a></p></div>

<br>
<br>
<br>
<br>
<br>
* **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:**<div class="pull-left">https://www.oroyfinanzas.com/files/2014/04/criptography-1-731x437.jpg<p><a href="enlace de la fuente"><center>OroyFinanzas.com</center></a></p></div>
<br>
<br>
<br>
<br>
<br>

### Enlaces en texto e imágenes:
<br>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)
```
<br>
**Resultado:**

[Perfil de Victor](https://steemit.com/@hevictor)<br>
[![Victor](https://steemitimages.com/DQmR6dFrDWPWqUqSrKHiJacsK1NRDkLm1FyzTa5tTV5MNxJ/hevictor.jpg)](https://steemit.com/@hevictor)
<br>

<center>**_Espero que esta información les sea útil, hasta la próxima!_**</center>

</div>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,