Para la implementación del script, la herramienta que estamos usando aquí es Visual Studio Code”.
Ejemplo # 1: Listas anidadas desordenadas en Markdown
Esta demostración profundizará en la técnica de anidar las listas desordenadas en Markdown. Para crear una lista desordenada, Markdown nos proporciona diferentes opciones que se pueden utilizar para generar una lista desordenada. Estos son el signo más (+), guiones (-) o asteriscos (*). Puedes usar cualquiera de estas opciones. Veamos cómo funcionará cada uno de estos.
Primero crearemos una lista agregando los guiones (-) antes del elemento de la lista. Hemos creado una lista. Para hacer una lista con guiones, el patrón que se debe seguir es agregar un Guión (-), luego un espacio y el nombre de la lista. Para la siguiente lista, Markdown detectará el formato y agregará automáticamente el tempo anterior en la siguiente línea de guión. Como estamos usando los guiones (-) para hacer una lista desordenada, cuando pasamos a la siguiente línea, automáticamente pone el guión. Aquí hemos hecho una lista con 5 elementos que son 'Pakistán', 'Irán', 'Afganistán', 'India' y el último elemento, 'China'.
La ventana de vista previa nos muestra 5 elementos de la lista que se muestran con viñetas. El resultado se puede ver en la instantánea adjunta a continuación.
Ahora usaremos el signo más (+) para hacer la lista desordenada de marcas.
Aquí acabamos de reemplazar los guiones (-) con el signo más (+).
Esto nos da el mismo resultado que obtuvimos para la técnica de ejercicio anterior.
Ahora lo comprobaremos con la última técnica, que consiste en agregar los asteriscos (*) antes del nombre del elemento de la lista.
Al agregar los asteriscos, incluso obtenemos las mismas listas de viñetas.
Hemos aprendido de esto que todas estas técnicas generarán la misma lista desordenada de salida con elementos que se muestran con viñetas.
Para hacer las listas anidadas, las técnicas que se pueden emplear son las mismas que las discutidas anteriormente. Estamos eligiendo la técnica Dash (-) para crear las listas anidadas desordenadas. Primero agregamos un encabezado usando el símbolo de almohadilla (#) y un espacio antes del texto del encabezado. El uno '#' se refiere al estilo de encabezado 'h1'. El texto que hemos especificado para el encabezado es “Países con Ciudades Capitales”, por lo que este será nuestro encabezado principal. Luego, en la siguiente línea, introducimos un subtítulo usando los hashes triples, que se refieren al encabezado 'h3'. Y la cadena para el encabezado es 'La lista de países y sus capitales son:'. Entonces comienza la lista anidada. Hemos agregado el símbolo de guión (-) para crear el primer elemento de la lista como 'Pakistán'.
Para agregar una lista dentro de esta lista, en la siguiente línea del script, debemos agregar cuatro espacios. Luego se escriben el guión (-), el espacio y el nombre de la sublista. Entonces, el primer elemento de la lista es 'Pakistán' y dentro de él, la sublista se agrega como 'Islamabad', luego el siguiente elemento de la lista es 'Irán' con el elemento de la sublista 'Teherán', 3 rd el elemento de lista adjunto es 'Afganistán' que tiene el elemento de lista secundaria 'Kabul', luego 'India' con el elemento de lista anidado 'Delhi' y, por último, 'China' tiene el elemento de lista secundaria 'Beijing'.
El resultado renderizado se puede observar en la imagen adjunta a continuación, que muestra un encabezado, un subtítulo y luego listas de rebajas desordenadas anidadas.
Ejemplo # 2: Listas anidadas ordenadas en Markdown
Esta ilustración nos permitirá comprender las listas ordenadas de rebajas y cómo crear listas ordenadas anidadas.
Las listas ordenadas son aquellas cuyos elementos se suman con los números. Para crear una lista ordenada, el número especificado para el primer elemento de la lista determinará el número inicial del número de lista secuencial de salida. Aprendamos a través de un guión.
Hemos creado una lista con 7 elementos como 'Rojo', 'Azul', 'Púrpura', 'Naranja', 'Amarillo', 'Rosa' y 'Blanco'. Para crear una lista ordenada con estos artículos, hemos agregado los números, un punto y el nombre del artículo. Aquí hemos comenzado la lista con el número “1”, que va secuencialmente hasta el “7”.
Aquí está el resultado del script de rebajas escrito anteriormente.
Ahora veamos qué sucederá si agregamos números aleatorios a la lista con los mismos elementos.
Hemos cambiado los números y ahora los agregamos como '1', '4', '3', '7', '2', '7' y '5'. Puedes observar que los números se suman al azar.
Pero la ventana de vista previa nos muestra la lista de salida con una lista secuencial que comienza desde 1. Esto se debe a que Markdown solo considera el primer número provisto y luego ordena la lista secuencialmente, comenzando desde ese número en particular en adelante.
Para su comodidad, proporcionaremos otro ejemplo donde el primer número que hemos especificado es '5' y luego algunos números aleatorios.
Puede ver en el resultado que la lista comienza desde 5 y luego agrega los números secuencialmente hacia adelante. Por lo tanto, debe comenzar a numerar los elementos de la lista desde '1' para que vaya en el orden correcto de los números.
También podemos crear una lista ordenada anidada en Markdown. Para esto, primero hemos agregado un encabezado usando el hash simple (#) como “Lista ordenada anidada”, y luego se crea el subtítulo con el estilo “h3” usando 3 hash (###) con el texto “Esta es nuestra lista ordenada anidada en markdown:”. Ahora, usando la lista creada anteriormente, hemos agregado algunas sublistas en ella. Las sublistas se crean agregando cuatro espacios y luego el número, un espacio y el nombre del elemento. La sublista debe comenzar desde el número “1,”. Por lo tanto, hemos agregado elementos de sublista para los elementos de lista 'Púrpura' y 'Amarillo' como 'Ciruela', 'Amarillo' y 'Lima', respectivamente.
Esto nos dará la lista ordenada anidada resultante, que se muestra en la instantánea a continuación.
Ejemplo # 3: Mezclar listas anidadas en Markdown
En última instancia, veremos cómo crear una lista anidada usando las listas ordenadas y desordenadas. Crearemos una lista desordenada; dentro de esta lista, se generará una lista ordenada y luego se inicializará otra sublista desordenada dentro de la lista ordenada.
Primero hemos agregado un encabezado y un subencabezado, y luego comenzamos la primera lista con la lista desordenada. El primer elemento de la lista desordenada es “Asia”; dentro de esta lista, hemos iniciado una nueva lista ordenada con el nombre del país de ese contenido en particular. Y luego, bajo el nombre de la sublista de países, hemos creado otra sublista que contiene el nombre de una ciudad de ese país específico. Entonces, para el elemento de la lista desordenada 'Asia', hemos ordenado los elementos de la lista 'Pakistán', 'Irán' y 'China'. Y bajo el elemento de la lista ordenada 'Pakistán', tenemos un elemento de la lista desordenada 'Rawalpindi'.
Puedes ver el resto del script en la siguiente imagen:
Esto nos da el siguiente resultado que muestra listas anidadas:
Conclusión
Esta guía detalló las técnicas para crear listas y anidarlas juntas. Hemos explicado los 2 tipos diferentes de listas que son listas desordenadas y ordenadas. Llevamos a cabo 3 instancias en este artículo. En el primer ejemplo, aprendimos a hacer una lista desordenada simple y listas desordenadas anidadas. entonces los 2 Dakota del Norte La ilustración habló sobre las listas ordenadas y las listas ordenadas anidadas. La última instancia enfatizó la anidación de listas ordenadas y desordenadas juntas.