Publicidad

← Todas las Guías

Guía de Sintaxis Markdown

Referencia completa para formato markdown con ejemplos renderizados

1. Encabezados

Los encabezados crean estructura y jerarquía en el documento. Usa símbolos # (1-6) para crear encabezados de diferentes niveles.

Markdown
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
Renderizado

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Consejo: Siempre deja un espacio después de los símbolos #. Comienza con H1 para el título principal, luego usa H2-H6 para subsecciones.

2. Formato de Texto

Markdown proporciona varias formas de enfatizar y formatear texto.

Markdown
**Bold text** or __also bold__

*Italic text* or _also italic_

***Bold and italic***

~~Strikethrough text~~

This is `inline code`

Normal paragraph text.
Renderizado

Bold text or also bold

Italic text or also italic

Bold and italic

Strikethrough text

This is inline code

Normal paragraph text.

3. Listas

Crea contenido organizado con listas desordenadas (viñetas) y ordenadas (numeradas).

Listas Desordenadas

Markdown
- First item
- Second item
  - Nested item
  - Another nested
- Third item

* Asterisks work too
+ Plus signs also work
Renderizado
  • First item
  • Second item
    • Nested item
    • Another nested
  • Third item
  • Asterisks work too
  • Plus signs also work

Listas Ordenadas

Markdown
1. First step
2. Second step
3. Third step
   1. Sub-step A
   2. Sub-step B
4. Fourth step
Renderizado
  1. First step
  2. Second step
  3. Third step
    1. Sub-step A
    2. Sub-step B
  4. Fourth step

5. Código

Muestra código con formato adecuado usando código en línea o bloques de código cercados.

Código en Línea

Markdown
Use `const` for constants.

Run `npm install` to begin.
Renderizado

Use const for constants.

Run npm install to begin.

Bloques de Código

Markdown
```javascript
function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('World'));
```
Renderizado
function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('World'));
Indicador de Lenguaje: Añade el nombre del lenguaje después de los ``` de apertura para habilitar el resaltado de sintaxis (ej., ```javascript, ```python, ```css).

6. Citas en Bloque

Usa citas en bloque para destacar texto importante, citas o notas.

Markdown
> This is a blockquote.
> It can span multiple lines.

> Nested quotes work too:
>
> > This is a nested quote.
>
> Back to the outer quote.
Renderizado
This is a blockquote. It can span multiple lines.
Nested quotes work too:
This is a nested quote.
Back to the outer quote.

7. Tablas

Crea tablas de datos estructuradas usando pipes (|) y guiones (-).

Markdown
| Feature | Status |
|---------|--------|
| Templates | 16 available |
| Colors | 20 schemes |
| Fonts | 35+ families |

| Left | Center | Right |
|:-----|:------:|------:|
| L    | C      | R     |
Renderizado
Feature Status
Templates16 available
Colors20 schemes
Fonts35+ families
Left Center Right
L C R
Alineación de Columnas: Usa dos puntos en la fila separadora: :--- para izquierda, :---: para centro, ---: para alineación derecha.

8. Líneas Horizontales

Crea separaciones visuales entre secciones usando tres o más guiones, asteriscos o guiones bajos.

Markdown
Section one content.

---

Section two content.

***

Section three content.
Renderizado

Section one content.

Section two content.

Section three content.

9. Listas de Tareas

Crea listas de verificación interactivas para seguimiento de progreso o elementos pendientes.

Markdown
## Project Tasks

- [x] Design mockups
- [x] Write documentation
- [ ] Code review
- [ ] Deploy to production
Renderizado

Project Tasks

  • Design mockups
  • Write documentation
  • Code review
  • Deploy to production

10. Características Avanzadas

Sintaxis markdown extendida para documentos complejos.

Notas al Pie

Markdown
Here is a sentence with a footnote[^1].

[^1]: This is the footnote content.
Renderizado

Here is a sentence with a footnote[1].

[1] This is the footnote content.

Listas de Definiciones

Markdown
Term 1
: Definition of term 1

Term 2
: Definition of term 2
Renderizado
Term 1
Definition of term 1
Term 2
Definition of term 2

Escapar Caracteres

Caracteres de Escape
\*Not italic\*  →  *Not italic*
\# Not a heading  →  # Not a heading
\`Not code\`  →  `Not code`

Referencia Rápida

# Heading 1 Encabezado
**bold** Texto en negrita
*italic* Texto en cursiva
[text](url) Enlace
![alt](img.jpg) Imagen
`code` Código en línea
```lang Bloque de código
> quote Cita en bloque
- item Lista con viñetas
1. item Lista numerada
--- Línea horizontal
- [x] done Elemento de lista de tareas

¿Listo para Escribir?

Use Velvet MD para transformar su markdown en documentos bellamente estilizados.

Abrir Velvet MD
Publicidad