Per l'implementazione dello script, lo strumento che stiamo usando qui è Visual Studio Code.'
Esempio n. 1: elenchi nidificati non ordinati in Markdown
Questa dimostrazione elaborerà la tecnica di annidamento delle liste non ordinate in markdown. Per creare un elenco non ordinato, markdown ci fornisce diverse opzioni che possono essere utilizzate per generare un elenco non ordinato. Questi sono il segno più (+), i trattini (-) o gli asterischi (*). Puoi utilizzare una di queste opzioni. Vediamo come funzionerà ciascuno di questi.
Per prima cosa creeremo un elenco aggiungendo i trattini (-) prima dell'elemento dell'elenco. Abbiamo creato una lista. Per creare una lista con dei trattini, lo schema da seguire è aggiungere un trattino (-), poi uno spazio e il nome della lista. Per l'elenco successivo, il markdown rileverà il formato e aggiungerà automaticamente il tempo precedente nella riga di script successiva. Poiché stiamo usando i trattini (-) per creare un elenco non ordinato, quando ci spostiamo alla riga successiva, inserisce automaticamente il trattino. Qui abbiamo creato un elenco con 5 voci che sono 'Pakistan', 'Iran', 'Afghanistan', 'India' e l'ultima voce, 'Cina'.
La finestra di anteprima ci mostra 5 voci di elenco che vengono visualizzate con punti elenco. Il risultato può essere visto nell'istantanea allegata di seguito.
Ora useremo il segno più (+) per creare l'elenco non ordinato di markup.
Qui abbiamo appena sostituito i trattini (-) con il segno più (+).
Questo ci dà lo stesso risultato che abbiamo ottenuto per la tecnica di esercizio sopra.
Ora lo verificheremo con l'ultima tecnica, che consiste nell'aggiungere gli asterischi (*) prima del nome dell'elemento dell'elenco.
Aggiungendo gli asterischi, otteniamo anche gli stessi elenchi puntati.
Abbiamo imparato da questo che tutte queste tecniche renderanno lo stesso elenco non ordinato di output con elementi mostrati con punti elenco.
Per fare le liste annidate, le tecniche che possono essere impiegate sono le stesse di quelle discusse sopra. Stiamo selezionando la tecnica Dash (-) per creare gli elenchi nidificati non ordinati. Per prima cosa abbiamo aggiunto un'intestazione utilizzando il simbolo cancelletto (#) e uno spazio prima del testo dell'intestazione. Quello '#' si riferisce allo stile di intestazione 'h1'. Il testo che abbiamo specificato per l'intestazione è 'Paesi con capitali', quindi questa sarà la nostra intestazione principale. Quindi nella riga successiva introduciamo un sottotitolo utilizzando i tripli hash, che si riferiscono all'intestazione 'h3'. E la stringa per l'intestazione è 'L'elenco dei paesi e le loro capitali sono:'. Quindi inizia l'elenco nidificato. Abbiamo aggiunto il simbolo del trattino (-) per creare la prima voce dell'elenco come 'Pakistan'.
Per aggiungere un elenco all'interno di questo elenco, nella riga successiva dello script, dobbiamo aggiungere quattro spazi. Quindi vengono scritti il trattino (-), lo spazio e il nome del sottoelenco. Quindi abbiamo la prima voce dell'elenco come 'Pakistan' e al suo interno, la sottolista viene aggiunta come 'Islamabad', quindi la voce successiva della lista come 'Iran' con la sottolista 'Tehran', 3 rd l'elemento dell'elenco aggiunto è 'Afghanistan' con l'elemento dell'elenco secondario 'Kabul', quindi 'India' con l'elemento dell'elenco nidificato 'Delhi' e infine la 'Cina' con l'elemento dell'elenco secondario 'Pechino'.
L'output di rendering può essere osservato nell'immagine allegata di seguito, che mostra un'intestazione, un sottotitolo e quindi elenchi di markdown non ordinati nidificati.
Esempio n. 2: elenchi nidificati ordinati in Markdown
Questa illustrazione ci consentirà di comprendere gli elenchi ordinati di riduzione e come creare elenchi ordinati nidificati.
Le liste ordinate sono quelle le cui voci sono sommate con i numeri. Per creare un elenco ordinato, il numero specificato per la prima voce di elenco determinerà il numero iniziale del numero di elenco sequenziale di output. Impariamolo attraverso un copione.
Abbiamo creato una lista con 7 voci come “Rosso”, “Blu”, “Viola”, “Arancione”, “Giallo”, “Rosa” e “Bianco”. Per creare un elenco ordinato con questi elementi, abbiamo aggiunto i numeri, un punto e il nome dell'elemento. Qui abbiamo iniziato l'elenco con il numero '1', che va in sequenza fino a '7'.
Ecco l'output per lo script markdown sopra scritto.
Ora vediamo cosa accadrà se aggiungiamo numeri casuali all'elenco con gli stessi elementi.
Abbiamo cambiato i numeri e ora li abbiamo aggiunti come '1', '4', '3', '7', '2', '7' e '5'. Puoi osservare che i numeri vengono aggiunti casualmente.
Ma la finestra di anteprima ci mostra l'elenco di output con un elenco sequenziale che inizia da 1. Questo perché markdown considera solo il primo numero fornito e quindi ordina l'elenco in sequenza, a partire da quel particolare numero in poi.
Per tua comodità, forniremo un altro esempio in cui il primo numero che abbiamo specificato è '5' e poi alcuni numeri casuali.
Puoi vedere nell'output che l'elenco inizia da 5 e quindi aggiunge i numeri in sequenza in avanti. Quindi, devi iniziare a numerare gli elementi dell'elenco da '1' in modo che vada nell'ordine corretto dei numeri.
Possiamo anche creare un elenco ordinato annidato in markdown. Per questo, abbiamo prima aggiunto un'intestazione utilizzando il singolo hash (#) come 'Elenco ordinato annidato', quindi il sottotitolo viene creato con lo stile 'h3' utilizzando 3 hash (###) con il testo 'Questo è il nostro elenco ordinato annidato in markdown:”. Ora usando l'elenco creato sopra, abbiamo aggiunto alcuni sottoliste in esso. Gli elenchi secondari vengono creati aggiungendo quattro spazi e quindi il numero, uno spazio e il nome dell'elemento. La sottolista deve iniziare dal numero “1,”. Quindi abbiamo aggiunto elementi di sottoelenco per gli elementi di elenco 'Viola' e 'Giallo' rispettivamente come 'Prugna', 'Giallo' e 'Lime'.
Questo ci darà l'elenco ordinato nidificato risultante, che viene visualizzato nell'istantanea sottostante.
Esempio n. 3: mescolare elenchi nidificati in Markdown
In ultima istanza, vedremo come creare una lista annidata utilizzando le liste ordinate e non ordinate. Creeremo una lista non ordinata; all'interno di questo elenco verrà generato un elenco ordinato e quindi verrà inizializzato un altro elenco secondario non ordinato all'interno dell'elenco ordinato.
Abbiamo prima aggiunto un'intestazione e un sottotitolo, quindi iniziamo il primo elenco con l'elenco non ordinato. La prima voce della lista dei non ordinati è “Asia”; all'interno di questo elenco, abbiamo avviato un nuovo elenco ordinato con il nome del paese di quel particolare contenuto. E poi, sotto il nome della sottolista dei paesi, abbiamo creato un'altra sottolista che contiene il nome di una città di quello specifico paese. Quindi, per la voce di elenco non ordinata 'Asia', abbiamo ordinato le voci di elenco 'Pakistan', 'Iran' e 'Cina'. E sotto la voce dell'elenco ordinata 'Pakistan', abbiamo una voce dell'elenco non ordinata 'Rawalpindi'.
Puoi vedere il resto dello script nell'immagine qui sotto:
Questo ci produce il seguente risultato che mostra gli elenchi nidificati:
Conclusione
Questa guida ha elaborato le tecniche per creare elenchi e nidificarli insieme. Abbiamo spiegato i 2 diversi tipi di liste che sono liste non ordinate e liste ordinate. Abbiamo eseguito 3 istanze in questo articolo. Nel primo esempio, abbiamo imparato a creare un semplice elenco non ordinato e un elenco non ordinato nidificato. Poi il 2 nd l'illustrazione parlava degli elenchi ordinati e degli elenchi ordinati nidificati. L'ultima istanza ha enfatizzato l'annidamento di elenchi ordinati e non ordinati insieme.