Las alineaciones de imágenes que se pueden realizar en la Markdown son las siguientes:
- Imagen centrada, (sin fuente) a tamaño original:
El comando para realizar esta alineación es el siguiente:
¿Que es el link?
Es la dirección de la imagen la cual permite acceder automáticamente a ella.
¿Donde encontramos el link?
En la barra de búsqueda del navegador.
Por ejemplo: el link de esta imagen es el que esta seleccionado y el cual debemos copiar en el Markdown.
En el Markdown, quedaría de la siguiente manera:
Es la parte que esta seleccionada.
Resultado:
Como podemos visualizar la imagen queda centrada con su formato original.
- Imagen centrada, (con enlace en la fuente) a tamaño original:
El comando para realizar esta alineación es el siguiente:
En esta parte hay que tener cuidado con el link, puede ser diferente, por ejemplo:
1.- Si subes las imágenes en internet, ambos link son iguales, yo utilizo esta página https://postimages.org/ tal vez te pueda ayudar. En este caso deberás usar el mismo link, tanto para la imagen como para el enlace de la fuente.
2.- Las imágenes que buscas en internet, ya tienen un link, no hay necesidad de volver a subirlas. "Solo hay que copiar el link y pegarlo en el Markdown". En este caso deberás usar el mismo link, tanto para la imagen como para el enlace de la fuente.
3- Al subir imágenes directamente en el Markdown, se supone que son imágenes editadas o fotos, es decir no hay necesidad de colocar el enlace de la fuente. Si lo quisieras colocar, solo copias el link de la imagen que aparece en el Markdown, te diriges al navegador, abres una nueva ventana, y en la barra de búsqueda pegas el link, cuando la página cargue y aparezca la imagen podrás observar que el link no es el mismo y ese lo debes colocar en el enlace de la fuente.
En el Markdown, quedaría de la siguiente manera:
Resultado:
- Alineación de imagen (Derecha) texto (Izquierda) con fuente.
El comando para realizar esta alineación es el siguiente:
En el Markdown, quedaría de la siguiente manera:
Luego de que coloquemos el comando y lo tengamos de esta manera escribimos el texto.
Resultado:
Miren
Como
Queda...
Como podemos observar la imagen se alinea del lado (Derecho), al igual que el enlace de la fuente y el texto se alinea del lado (Izquierdo).
- Alineación de imagen (Izquierda) texto (Derecha) con fuente.
El comando para realizar esta alineación es el siguiente:
En el Markdown, quedaría de la siguiente manera:
Luego de que coloquemos el comando y lo tengamos de esta manera escribimos el texto.
Resultado:
Miren
Como
Queda...
Como podemos observar la imagen se alinea del lado (izquierdo), al igual que el enlace de la fuente y el texto se alinea del lado (Derecho).
- Alineación de 2 imágenes a la (Derecha).
El comando para realizar esta alineación es el siguiente:
En el Markdown, quedaría de la siguiente manera:
Resultado:
Queda de esta manera...
- Alineación de 2 imágenes a la (Izquierda).
El comando para realizar esta alineación es el siguiente:
En el Markdown, quedaría de la siguiente manera:
Resultado:
Queda de esta manera...
Así culmina este posts, espero que le guste y les sirva de gran ayuda, voten, compartan y comenten.