Markdown en una página.Lo que escribes, lo que obtienes.

Títulos, texto y saltos de línea

Una línea en blanco empieza un párrafo nuevo. Un salto de línea simple dentro de un párrafo se ignora y las líneas se unen. Para forzar un salto, termina la línea con dos espacios o una barra invertida.

Listas, listas de tareas y tablas

- Milk
- Bread
  - Rye
  - Wheat

1. Open the folder
2. Pick a file

- [x] Write the plan
- [ ] Review it

Una lista con viñetas empieza cada línea con -, * o +. Sangra dos o cuatro espacios para anidar. En una lista numerada solo hace falta que el primer número sea correcto. Una lista de tareas es una lista con viñetas con [ ] o [x] delante, y se muestra como casillas.

| Plan  | Price | Users |
|-------|------:|:-----:|
| Free  |    $0 |   1   |
| Team  |   $12 |  10   |

En una tabla, la segunda línea separa el encabezado de las filas. :--- alinea una columna a la izquierda, ---: a la derecha y :---: al centro. Las columnas no tienen que quedar alineadas en el texto. Para poner un | dentro de una celda, escribe \|.

Código

Rodea el código en línea con comillas invertidas simples. Para un bloque, pon tres comillas invertidas en la línea anterior y en la posterior, y escribe el lenguaje tras las de apertura para obtener colores de sintaxis:

```swift
let greeting = "Hello"
```

Un bloque marcado diff colorea las líneas que empiezan por + y -. Un bloque marcado mermaid se convierte en un diagrama.

Enlaces e imágenes

[DotMD](https://getdotmd.com)
![A cat on a keyboard](assets/cat.png)
[the plan](plan.md)
[setup](#setup)

Un enlace lleva su texto entre corchetes y su dirección entre paréntesis. Una dirección web suelta también se convierte en enlace. Una imagen es un enlace con un ! delante; su texto la describe para los lectores de pantalla. Las rutas son relativas al documento, y un enlace puede apuntar a otro archivo .md o a un título, cuyo ancla es su texto en minúsculas con los espacios convertidos en -.

Para direcciones largas o repetidas, ponlas al final y refiérete a ellas con un nombre corto: [guide][1], y luego [1]: https://example.com/guide en una línea aparte.

Avisos, comentarios y front matter

> [!NOTE]
> Useful information that users should know.

Una cita cuya primera línea es [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] o [!CAUTION] se convierte en un recuadro de color, con la misma sintaxis que en GitHub.

• Comentarios que no se ven en la página: <!-- a note only visible in the text -->.
• Secciones plegables con <details> y <summary> de HTML, con líneas en blanco alrededor del Markdown de dentro.
• Front matter: un bloque entre dos líneas --- en las primeras líneas del archivo, con un título, etiquetas o un estado. DotMD lo muestra como una tarjeta Properties encima del documento.

Fórmulas y diagramas

Dos extras que dibujan tanto GitHub como DotMD. Una fórmula va entre signos de dólar, $E = mc^2$, o entre signos dobles en una línea aparte: fórmulas en Markdown con LaTeX. Un diagrama es un bloque de código marcado mermaid, con su texto dentro: diagramas Mermaid.

Pruébalo

La forma más rápida de aprender las marcas es verlas con formato. Abre cualquier archivo .md en DotMD y léelo formateado, con tablas, código, avisos, diagramas y fórmulas dibujados. Leer es gratis. En el editor, el menú Insert escribe los símbolos por ti, así que no necesitas recordar nada de esto.

Preguntas sobre la sintaxis de Markdown

Más preguntas