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.

Built by www.markdownlang.com