Listas

Este tutorial trata sobre cómo crear listas en Markdown.

Existen dos tipos de listas en el universo conocido: sin orden y ordenadas. Esa es una manera muy vistosa de decir que existen listas en las que delante de cada elemento hay simplemente un punto y listas precedidas de números.

Para crear una lista sin orden, deberá escribir delante de cada elemento de la lista un asterisco ( * ). Cada elemento de la lista tendrá su propia línea. Por ejemplo una lista de la compra en Markdown tendrá un aspecto similar a este:

* Leche
* Huevos
* Salmón
* Mantequilla

Esta lista en Markdown al ser renderizada tendrá el siguiente aspecto:

En el recuadro inferior, convierta todas las palabras separadas mediante una coma en una lista.


¡Muy bien! Así es como se crea una lista sin orden. Ahora veremos las listas ordenadas.

Una lista ordenada va precedida con números, en vez de asteriscos. Eche un vistazo a esta receta:

  1. Cascar los huevos en un recipiente
  2. Agregar un litro de leche al recipiente
  3. Frotar el salmón con la mantequilla
  4. Pasar el salmón por el recipiente con los huevos y la leche

Para pasarla a formato Markdown, debería realizar lo siguiente:

1. Cascar los huevos en un recipiente
2. Agregar un litro de leche al recipiente
3. Frotar el salmón con la mantequilla
4. Pasar el salmón por el recipiente con los huevos y la leche

¿Sencillo, verdad? Es el aspecto que se supone debe tener una lista.

En el recuadro inferior, convierta el resto de la receta en una lista ordenada.


¡Gran trabajo!

Puede escoger añadir cursiva, negrita o enlaces dentro de las listas, como puede imaginar. En el recuadro inferior, convierta los nombre en latín de las plantas en cursivas.


¡Magnífico!

De manera ocasional, podría tener la necesidad de crear una lista con campos anidados creando una lista dentro de otra. No tema, porque la sintaxis de Markdown es exáctamente la misma. Todo lo que necesita recordar es hacer sangrado o separación del margen de cada asterisco de un espacio o más que el elemento del campo anterior.

Por ejemplo, en la lista siguiente, vamos a añadir algunas listas secundarias para cada elemento principal de la lista, describiendo a los personajes más en detalle:

* Tintín
 * Periodista
 * Es pelirrojo
 * Tiene de amigo al perro más asombroso del mundo
* Haddock
 * Un capitán de mar
 * Tiene una barba frondosa
 * Le encanta el whiskey
   * ¿Posiblemente el escocés?

Cuando esto es convertido, la lista se muestra en estos grupos:

  • Tintín
    • Periodista
    • Es pelirrojo
    • Tiene de amigo al perro más asombroso del mundo
  • Haddock
    • Un capitán de mar
    • Tiene una barba frondosa
    • Le encanta el whiskey
      • ¿Posiblemente el escocés?

En el recuadro inferior, convierta las características de los personajes en sub-menús.


¡Estupendo! Aunque podría añadir listas añadidas de manera indefinida, normalmente es buena idea no sobrepasar los tres niveles, de otra forma el texto podría convertirse en un enredo.

Hay todavía un truco más sobre las listas y el sangrado, que vamos a ver y que tiene que ver con el caso de utilizar párrafos. Supongamos que quiere crear un elemento de la lista que requiere un contexto adicional (pero no en otra lista). Por ejemplo, podría tener este aspecto:

  1. Cascar los huevos en un recipiente.

    Ahora, va a cascar los huevos de forma que no sea un desastre.

    ¡Si causa un desastre, utilice papel de cocina o un paño para limpiarlo!

  2. Agregar un litro de leche al recipiente.

    Básicamente, tome la misma recomendación que en el punto anterior: no ensucie todo, pero si lo hace ¡límpielo!

  3. Frotar el salmón con la mantequilla.

    Realice movimientos verticales. Julia Child una vez bromeó:

    Arriba y abajo y por todas partes, así es como se unta mantequilla al salmón.

  4. Pasar el salmón por el recipiente con los huevos y la leche.

    Aquí tiene algunas técnicas para realizarlo:

    • Asegúrese que no hay truchas ni niños presentes
    • Utilice ambas manos
    • Tenga siempre papel de cocina o un paño para limpiarse en caso de desastre.

Para crear este tipo de texto ordenado, su párrafo debe comenzar en una línea por debajo del punto correspondiente, y debe estar desplazado del margen del punto por lo menos un espacio. Por ejemplo, la lista anterior tendría este aspecto en Markdown:

1. Cascar los huevos en un recipiente.

 Ahora, va a cascar los huevos de forma que no sea un desastre.

 ¡Si _causa_ un desastre, utilice papel de cocina o un paño para limpiarlo!

2. Agregar un litro de leche al recipiente.

 Básicamente, tome la misma recomendación que en el punto anterior: no ensucie todo, pero si lo hace ¡límpielo!

3. Frotar el salmón con la mantequilla.

   Realice movimientos verticales. Julia Child una vez bromeó
   > Arriba y abajo y por todas partes, así es como se unta mantequilla al salmón.
4. Pasar el salmón por el recipiente con los huevos y la leche.

   Aquí tiene algunas técnicas para realizarlo:

   * Asegúrese que no hay truchas ni niños presentes
   * Utilice ambas manos
   * Tenga siempre papel de cocina o un paño para limpiarse en caso de desastre.
  

Tenga en cuenta que los primeros dos elementos tienen un espacio simple. Esto parece un poco raro, así que quizás quiere darle la indentación adecuada para que coincidan la alineación de los caracteres (como los elementos tres y cuatro). En estos párrafos, puede incluir todo tipo de otros elementos de Markdown , como citas, o ¡incluso otras listas!

En el recuadro inferior, convierta todos los puntos de la lista en sus propios párrafos.


¡Ya sabe cómo realizar listas en Markdown!

¡Vamos a la siguiente lección!