Skip to content

Listas en Markdown ​

Las listas ayudan a organizar información en elementos ordenados o desordenados.

Listas Desordenadas ​

Usa -, * o + seguido de un espacio:

markdown
- Elemento uno
- Elemento dos
- Elemento tres

Visualización Renderizada:

  • Elemento uno
  • Elemento dos
  • Elemento tres

Listas Ordenadas ​

Usa números seguidos de un punto y un espacio:

markdown
1. Primer paso
2. Segundo paso
3. Tercer paso

Visualización Renderizada:

  1. Primer paso
  2. Segundo paso
  3. Tercer paso

Listas Anidadas ​

Indenta con 2 o 4 espacios para crear subniveles:

markdown
- Frutas
  - Manzana
  - Plátano
    - Maduro
    - Verde
- Verduras

Visualización Renderizada:

  • Frutas
    • Manzana
    • Plátano
      • Maduro
      • Verde
  • Verduras

Listas de Tareas (Task Lists) ​

Usa - [ ] para tareas pendientes y - [x] para tareas completadas:

markdown
- [x] Escribir documentación
- [ ] Revisar ejemplos
- [ ] Publicar el tutorial

Visualización Renderizada:

  • [x] Escribir documentación
  • [ ] Revisar ejemplos
  • [ ] Publicar el tutorial

Buenas Prácticas ​

  • Mantén la indentación consistente en listas anidadas.
  • Usa listas ordenadas para pasos secuenciales.
  • Usa listas desordenadas para elementos sin orden específico.
  • Añade una línea en blanco antes y después de la lista para mejor compatibilidad.

Errores Comunes ​

1. Olvidar el espacio después del marcador ​

markdown
-Elemento incorrecto

No se renderizará como lista.

2. Indentación inconsistente ​

markdown
- Frutas
   - Manzana
  - Plátano

La indentación debe ser uniforme.

3. Mezclar marcadores ​

markdown
- Elemento uno
* Elemento dos
+ Elemento tres

Mejor usar un solo tipo de marcador por lista.

Salida HTML ​

Las listas se convierten en etiquetas <ul>, <ol>, <li> en HTML:

html
<ul>
  <li>Elemento uno</li>
  <li>Elemento dos</li>
</ul>

Sintaxis Relacionada ​

Práctica ​

  1. Crea una lista de tareas.
  2. Haz una lista anidada de tus comidas favoritas.
  3. Escribe una lista ordenada de pasos para instalar un programa.

Construido con VitePress