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:
- Primer paso
- Segundo paso
- 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
- Crea una lista de tareas.
- Haz una lista anidada de tus comidas favoritas.
- Escribe una lista ordenada de pasos para instalar un programa.