Curso Markdown

Markdown facilita la inclusión de enlaces e imágenes en un documento, lo que lo hace ideal para enriquecer el contenido. A continuación, exploramos su sintaxis y ejemplos prácticos.


Enlaces

Sintaxis Básica

Para crear un enlace, usa corchetes [] para el texto del enlace y paréntesis () para la URL.

Ejemplo:

1[Visita Google](https://www.google.com)
  • Resultado:
Enlaces con Títulos

Puedes agregar un título al enlace para proporcionar información adicional. Esto se hace añadiendo un texto entre comillas después de la URL.

Ejemplo:

1[Visita Google](https://www.google.com "El buscador más popular")
  • Resultado:

Imágenes

Sintaxis Básica

Para agregar una imagen, usa un signo de exclamación ! seguido de corchetes [] para el texto alternativo y paréntesis () para la URL de la imagen.

Ejemplo:

1![Logo de Markdown](https://markdown-here.com/img/icon256.png)
  • Resultado:

Logo de Markdown

Imágenes con Títulos

Al igual que con los enlaces, puedes agregar un título para las imágenes. Este aparecerá como un texto emergente al pasar el cursor sobre la imagen.

Ejemplo:

1![Logo de Markdown](https://markdown-here.com/img/icon256.png "Markdown Logo")
  • Resultado:

Logo de Markdown


Casos Combinados

Puedes combinar enlaces e imágenes para crear imágenes que actúen como enlaces.

Ejemplo:

1[![Logo de Markdown](https://markdown-here.com/img/icon256.png)](https://markdown-here.com)
  • Resultado:

Logo de Markdown


Consejos Prácticos

  1. Usa texto alternativo descriptivo para imágenes: Esto mejora la accesibilidad y ayuda a los motores de búsqueda.
  2. Verifica las URLs: Asegúrate de que los enlaces y las imágenes funcionen correctamente.
  3. Optimiza imágenes: Utiliza imágenes ligeras para mejorar el rendimiento en entornos web.

Con estos elementos, Markdown permite enriquecer tus documentos con enlaces e imágenes de forma clara y sencilla.

  • Loading...