Guía rápida de referencia con la sitnaxis de Markdown.
En esta guía de referencia encontrarás una vista previa de los elementos de la sintaxis de Markdown. Se adjunta un ejemplo para cada elemento y también un enlace en el que encontrarás una explicación más detallada de cada uno de ellos.
Los elementos que ves a continuación son los definidos en el especificación del creador de Markdown. Estos elementos suelen estar soportados por todas las aplicaciones que soportan Markdown. Veamos primero los elementos de espaciado:
INTRO
o usar una barra invertida \
, según el editor que uses.En la siguiente tabla puedes ver el resto de los elementos Markdown:
Elemento | Sintaxis |
---|---|
Encabezados | # H1 ## H2 ## H3 |
Negrita | **texto en negrita** __texto en negrita__ |
Cursiva | *texto en cursiva* _texto en cursiva_ |
Citas | > cita |
Listas ordenadas | 1. Primer elemento 1. Segundo elemento |
Listas no ordenadas | * Primer elemento * Segundo elemento + Primer elemento + Segundo elemento - Primer elemento - Segundo elemento |
Código | `código` |
Línea horizontal | --- |
Enlaces | [anchor](https://enlace.tld "título") |
Imágenes | ![Alt](/ruta/imagen.png) |
Los elementos que ves a continuación agregran elementos adicionales a la sintaxis de Markdown y pueden estar o no soportados por las aplicaciones que usan Markdown:
Elemento | Sintaxis |
---|---|
Tablas | | Color | Código | | ----------- | ----------- | | Rojo | #FF0000 | | Azul | #0000FF | |
Bloques de código avanzados | ``` { "Nombre": "Edu", "Peso": "72Kg" } ``` |
Resaltado de sintaxis | ```json { "Nombre": "Edu", "Peso": "72Kg" } ``` |
Notas al pié | Texto con referencia. [^1] [^1]: Nota de la referencia |
IDs de cabecera | ## Encabezado {#id-personalizado} |
Listas de definiciones | Término : definición |
Texto tachado | ~~Texto tachado~~ |
Listas de tareas | - [x] Primera tarea - [ ] Segunda tarea - [ ] Tercera tarea |
Emojis (copiar y pegar) | 😄 |
Emojis (shortcodes) | :smile: |
Enlaces automáticos | https://www.neoguias.com |
Deshabilitar enlaces automáticos | `https://www.neoguias.com` |
Adicionalmente, muchas aplicaciones Markdown soportan la inserción de bloques de código HTML:
<p class="clase-html">
<span>Cloque de código HTML</span>
</p>
👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.
Sígueme en Twitter para estar al día con mi contenido. 😊