Insertar listas en un campo de texto
En esta página
Lista ordenada
Como su nombre lo indica, te permite mostrar una secuencia de eventos o acciones en la que el orden de los elementos altera la información.
Por lo tanto, no es lo mismo escribir
- Evento 1
- Evento 2
que escribir
- Evento 2
- Evento 1
Los párrafos de las listas ordenadas tienen sangría francesa: la primera línea comienza sobre el margen derecho y a partir de la segunda agrega automáticamente una sangría a la izquierda, como podés ver en el siguiente ejemplo:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Para escribir una lista ordenada, debés comenzar cada párrafo con una cifra, un punto y un espacio antes del texto, como en el siguiente código de ejemplo.
1. Primer elemento de la lista ordenada.
2. Segundo elemento de la lista ordenada.
3. Tercer elemento de la lista ordenada.
Si necesitás agregar un subítem, dejá un espacio antes de su número de inicio.
1. Primer elemento de la lista ordenada.
1. Primer subítem del primer elemento.
2. Segundo subítem del primer elemento.
2. Segundo elemento de la lista ordenada.
1. Primer subítem del segundo elemento.
3. Tercer elemento de la lista ordenada.
Para que no se "rompa" el código, siempre dejá una línea en blanco antes del inicio y después del fin de la lista, y no dejes espacios en blanco entre los elementos de la lista.
Lista no ordenada
En este tipo de listas, el orden de los elementos no altera la información. Por lo tanto, es indiferente informar
- Correo electrónico: correo@electronico.gob.ar
- Teléfono: 11-1111-1111
o informar
- Teléfono: 11-1111-1111
- Correo electrónico: correo@electronico.gob.ar
Los párrafos de las listas no ordenadas tienen sangría francesa: la primera línea comienza sobre el margen derecho y a partir de la segunda agrega automáticamente una sangría a la izquierda, como podés ver en el siguiente ejemplo:
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur enim ut ante suscipit, non gravida risus imperdiet. Pellentesque velit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Para escribir una lista no ordenada, debés comenzar un párrafo con asterisco, signo de suma o guion (es indistinto que uses uno u otros) y un espacio antes del texto, como en el siguiente código de ejemplo:
* Un elemento de la lista no ordenada.
+ Otro elemento de la lista no ordenada.
- Y otro elemento de la lista no ordenada.
Si necesitás agregar un subítem, dejá un espacio antes del asterisco que corresponda para que se arme la jerarquía de los subniveles.
* Un elemento de la lista no ordenada.
* Un subítem del primer elemento.
* Otro subítem del primer elemento.
+ Otro elemento de la lista no ordenada.
* Un subítem del segundo elemento.
- Y otro elemento de la lista no ordenada.
Para que no se "rompa" el código, siempre dejá una línea en blanco antes del inicio y después del fin de la lista, y no dejes espacios en blanco entre los elementos de la lista.
Lista no ordenada destacada
La lista destacada es una lista no ordenada en la que se reemplazan las viñetas del primer nivel jerárquico por una flecha de color.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
El código es similar al de la lista no ordenada, solo debés agregar una línea más de código arriba y otra abajo de la lista.
- Primera línea:
[[lista-destacada(color-de-poncho){ código de la lista no ordenada como explicamos arriba- Última línea:
}]]
Por ejemplo, el siguiente código
[[lista-destacada(lavanda){
* Un elemento de la lista destacada.
* Un subítem del primer elemento.
* Otro subítem del primer elemento.
+ Otro elemento de la lista destacada.
* Un subítem del segundo elemento.
- Y otro elemento de la lista destacada.
}]]
se ve así
- Un elemento de la lista destacada.
- Un subítem del primer elemento.
- Otro subítem del primer elemento.
- Otro elemento de la lista destacada.
- Un subítem del segundo elemento.
- Y otro elemento de la lista destacada.
Solo los elementos de nivel superior se ven con flecha de color, los subítems siempre se presentan con punto/viñeta.
Para que no se "rompa" el código, siempre dejá una línea en blanco antes del inicio y después del fin de la lista, y no dejes espacios en blanco entre los elementos de la lista.
Lista de definiciones
Como su nombre lo indica, es un recurso que permite presentar un vocablo o concepto seguido de su correspondiente definición; equivale a las etiquetas <dl> y <dt>en html.
Su estructura es muy simple: en la primera línea escribís el vocablo o concepto a definir y en la segunda, después de dos puntos y un espacio, su definicion. No dejes espacio entre la línea del término definido y la de su definición.
Por ejemplo, el código
Término a definir
: Texto con su definición. Texto con su definición. Texto con su definición.
se muestra de la siguiente manera:
- Término a definir
- Texto con su definición. Texto con su definición. Texto con su definición.