Skip to content

Guía Rápida de Sintaxis Markdown ​

Esta es una hoja de referencia rápida para la sintaxis de Markdown, cubriendo los elementos más utilizados.

Sintaxis de Encabezados ​

Encabezados Estilo ATX ​

markdown
# Encabezado 1
## Encabezado 2
### Encabezado 3
#### Encabezado 4
##### Encabezado 5
###### Encabezado 6

Encabezados Estilo Setext ​

markdown
Encabezado 1
===========

Encabezado 2
------------

Formato de Texto ​

markdown
**Texto en negrita**
__Texto en negrita__

*Texto en cursiva*
_Texto en cursiva_

***Negrita y cursiva***
___Negrita y cursiva___

~~Texto tachado~~

`Código en línea`

Párrafos y Saltos de Línea ​

markdown
Este es el primer párrafo.

Este es el segundo párrafo.

Esta es una línea de texto.  
Esta es una nueva línea (dos espacios al final de la línea).

Listas ​

Lista Desordenada ​

markdown
- Elemento 1
- Elemento 2
  - Sub-elemento 2.1
  - Sub-elemento 2.2

* Usando asterisco
+ Usando más

Lista Ordenada ​

markdown
1. Primer elemento
2. Segundo elemento
   1. Sub-elemento 2.1
   2. Sub-elemento 2.2
3. Tercer elemento

Lista de Tareas ​

markdown
- [x] Tarea completada
- [ ] Tarea incompleta
- [ ] Otra tarea

Enlaces ​

markdown
[Texto del enlace](https://www.markdownlang.com)
[Enlace con título](https://www.markdownlang.com "Título del enlace")

[Enlace de referencia][1]
[1]: https://www.markdownlang.com "Título del enlace"

<https://www.markdownlang.com>
<correo@ejemplo.com>

Imágenes ​

markdown
![Texto alternativo](imagen.jpg)
![Imagen con título](imagen.jpg "Título de la imagen")

[![Enlace de imagen](imagen.jpg)](https://www.markdownlang.com)

Citas ​

markdown
> Esto es una cita
> 
> Segundo párrafo en la cita

> Nivel 1 de cita
> > Nivel 2 de cita
> > > Nivel 3 de cita

Código ​

Código en Línea ​

markdown
Usa `codigo` para marcar código en línea

Bloque de Código ​

markdown
```
Bloque de código normal
```

```javascript
// Bloque de código con resaltado de sintaxis
function hola() {
    console.log("¡Hola, Mundo!");
}
```

Bloque de Código Indentado ​

markdown
    Este es un bloque de código indentado
    Usa 4 espacios o 1 tabulación

Tablas ​

markdown
| Alineado Izquierda | Centrado        | Alineado Derecha |
|-------------------|:---------------:|-----------------:|
| Contenido1        |   Contenido2    |        Contenido3|
| Contenido4        |   Contenido5    |        Contenido6|

Líneas Horizontales ​

markdown
---

***

___

- - -

Saltos de Línea ​

markdown
Método 1: Añade dos espacios al final de la línea  
Luego salta de línea

Método 2: Usa la etiqueta HTML<br>
Salto de línea

Método 3: Separa por línea en blanco

Nuevo párrafo

Caracteres de Escape ​

markdown
\*no cursiva\*
\#no encabezado
\[no enlace\]

Caracteres escapables:

\   Barra invertida
`   Acento grave
*   Asterisco
_   Guion bajo
{}  Llaves
[]  Corchetes
()  Paréntesis
#   Almohadilla
+   Más
-   Menos
.   Punto
!   Signo de exclamación

Notas al Pie ​

markdown
Aquí hay una referencia de nota al pie[^1].

[^1]: Este es el contenido de la nota al pie.

Etiquetas HTML ​

markdown
Markdown soporta HTML en línea:

<strong>Negrita</strong>
<em>Cursiva</em>
<mark>Resaltado</mark>
<del>Eliminado</del>
<ins>Insertado</ins>

Fórmulas Matemáticas (Sintaxis Extendida) ​

markdown
Fórmula en línea: $E = mc^2$

Fórmula en bloque:
$$
\sum_{i=1}^n a_i = 0
$$

Consejos Rápidos ​

Sintaxis Más Común ​

  1. # - Encabezado
  2. **texto** - Negrita
  3. *texto* - Cursiva
  4. [texto](url) - Enlace
  5. ![alt](url) - Imagen
  6. - elemento - Lista
  7. > cita - Cita
  8. `código` - Código

Trucos de Memoria ​

  • # La almohadilla parece una escalera, indica el nivel de encabezado
  • * El asterisco significa énfasis, uno para cursiva, dos para negrita
  • []() Corchetes para el texto, paréntesis para el enlace
  • ![]() Signo de exclamación para imagen
  • > Mayor que parece una flecha, apunta a la cita

Herramientas Online ​

Para Aprender Más ​

Construido con VitePress