![Monitoreo del Sistema Operativo Windows con Prometheus](https://trspos.com/wp-content/uploads/instale-monitor-windows-os-prometheus-400x267.jpg)
Agregando imágenes en Markdown y modificando su tamaño
![Agregando imágenes en Markdown y modificando su tamaño](https://trspos.com/wp-content/uploads/agregar-imagenes-markdown-modificar-el-tamano-de-la-imagen.jpg)
Markdown es un lenguaje de marcado ligero que permite la creación de documentos simples y elegantes. En la mayoría de las plataformas que soportan Markdown, se pueden insertar imágenes fácilmente. Además, con una sintaxis muy sencilla se pueden modificar el tamaño de las mismas.
En este artículo, aprenderemos cómo agregar imágenes en Markdown y cómo modificar su tamaño para adaptarlas a nuestras necesidades. También explicaremos cómo se pueden insertar códigos de forma elegante en nuestros documentos Markdown.
Agregar imágenes en Markdown
Para agregar imágenes en Markdown se utiliza la sintaxis:
![texto alternativo](URL de la imagen)
El "texto alternativo" se muestra cuando la imagen no puede ser cargada o si se accede a nuestro documento en un lector de pantalla. La "URL de la imagen" es la dirección web donde se encuentra alojada la imagen que deseamos insertar.
Por ejemplo:
![Logo de Markdown](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1200px-Markdown-mark.svg.png)
Visualmente se verá así:
![Logo de Markdown](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1200px-Markdown-mark.svg.png)
Modificar el tamaño de una imagen en Markdown
Modificar el tamaño de una imagen en Markdown es muy sencillo. Solo es necesario añadir una etiqueta de HTML directamente en la sintaxis.
La sintaxis para agregar una etiqueta HTML se usa de la siguiente manera:
La etiqueta <img>
es una de las etiquetas más sencillas de HTML y se usa para mostrar imágenes en una página web.
El "ancho" y "alto" se refieren a las dimensiones que deseamos tener para nuestra imagen en píxeles.
Por ejemplo:
Visualmente se verá así:
Agregar códigos en Markdown
Una de las características de Markdown es su capacidad para mostrar códigos de forma elegante. Para hacerlo, simplemente se debe colocar el código entre los signos de acento invertido (``).
También es posible resaltar partes del código en negrita o itálica usando los asteriscos. Por ejemplo, si deseamos mostrar el siguiente código:
```javascript
function saludar(nombre){
console.log(`¡Hola, ${nombre}!`);
}
saludar("Juan");
```
Podemos resaltarlo así:
```
```javascript
function saludar(nombre){
console.log(`¡Hola, ${nombre}!`);
}
saludar("Juan");
```
```
Visualmente se verá así:
```javascript
function saludar(nombre){
console.log(`¡Hola, ${nombre}!`);
}
saludar("Juan");
```
Conclusión
Agregar imágenes y códigos en Markdown es muy sencillo. Con esta pequeña guía, ya puedes agregar imágenes de diferentes tamaños y mostrar tus códigos en documentos de Markdown. ¡Mejora tus documentos y mostrarte de forma profesional!
Preguntas frecuentes
¿Markdown permite agregar videos?
No directamente. Sin embargo, en algunos contextos especiales se pueden agregar videos usando etiquetas HTML.
¿Es posible ajustar el tamaño de una imagen sin modificar el aspecto original?
Sí, puedes ajustar solo el ancho o solo el alto de la imagen. Si lo haces, la imagen se redimensionará proporcionalmente sin deformarla.
¿Markdown permite agregar una descripción a la imagen?
Sí, Markdown permite agregar una descripción alternativa a la imagen, que se mostrará en caso la imagen no pueda ser cargada y para la accesibilidad de las personas con discapacidad visual.
¿Se pueden agregar imágenes en línea en Markdown?
Sí, Markdown permite agregar imágenes en línea. Para hacerlo, se utiliza la misma sintaxis que para las imágenes que no son en línea.
Deja una respuesta