Markdown ugniježđene liste

Markdown Ugnijezdene Liste



“U markdownu postoje dvije vrste popisa koji se mogu stvoriti. Prvi je nesređeni popis (s grafičkim oznakama), a drugi je sređeni popis (numerirani). Stvorit ćemo ugniježđene popise koristeći obje vrste popisa za označavanje u ovom vodiču.

Za implementaciju skripte, alat koji ovdje koristimo je Visual Studio Code.”

Primjer # 1: Neuređeni ugniježđeni popisi u Markdownu

Ova demonstracija će razraditi tehniku ​​ugniježđivanja neuređenih popisa u markdown. Za izradu nesređenog popisa, markdown nam pruža različite opcije koje se mogu koristiti za generiranje nesređenog popisa. To su znak plus (+), crtice (-) ili zvjezdice (*). Možete koristiti bilo koju od ovih opcija. Pogledajmo kako će svaki od njih funkcionirati.







Prvo ćemo stvoriti popis dodavanjem crtica (-) ispred stavke popisa. Napravili smo popis. Da bismo napravili popis s crticama, obrazac koji treba slijediti je da moramo dodati crticu (-), zatim razmak i naziv popisa. Za sljedeći popis, markdown će detektirati format i automatski dodati prethodni tempo u sljedeći redak skripte. Budući da koristimo crtice (-) za izradu nesređenog popisa, kada prijeđemo u sljedeći redak, automatski se stavlja crtica. Ovdje smo napravili popis s 5 stavki koje su 'Pakistan', 'Iran', 'Afganistan', 'Indija' i zadnja stavka, 'Kina'.



  1.jpg



Prozor za pregled pokazuje nam 5 stavki popisa koje su prikazane s grafičkim oznakama. Rezultat se može vidjeti na snimci priloženoj u nastavku.





  D van.jpg

Sada ćemo upotrijebiti znak plus (+) kako bismo označili popis neuređenih.



Ovdje smo upravo zamijenili crtice (-) sa znakom plus (+).

  više.jpg

To nam daje isti učinak koji smo dobili za gornju tehniku ​​vježbe.

  D van.jpg

Sada ćemo to provjeriti posljednjom tehnikom, a to je dodavanje zvjezdica (*) prije naziva stavke popisa.

  steric.jpg

Dodavanjem zvjezdica čak i mi dobivamo iste popise s grafičkim oznakama.

  D van.jpg

Iz ovoga smo naučili da će sve ove tehnike prikazati isti izlazni neuređeni popis sa stavkama prikazanim s grafičkim oznakama.

Za izradu ugniježđenih popisa, tehnike koje se mogu upotrijebiti su iste kao one koje su gore navedene. Odabiremo tehniku ​​crtica (-) za stvaranje neuređenih ugniježđenih popisa. Prvo smo dodali naslov pomoću simbola hash (#) i razmaka prije teksta naslova. Jedan '#' odnosi se na stil naslova 'h1'. Tekst koji smo odredili za naslov je “Zemlje s glavnim gradovima”, tako da će to biti naš glavni naslov. Zatim u sljedećem retku uvodimo podnaslov pomoću trostrukih hashova koji se odnose na naslov 'h3'. A niz za naslov je 'Popis zemalja i njihovih glavnih gradova su:'. Zatim počinje ugniježđeni popis. Dodali smo simbol crtice (-) kako bismo stvorili prvu stavku popisa kao 'Pakistan'.

Da bismo dodali popis unutar ovog popisa, u sljedećem retku skripte moramo dodati četiri razmaka. Zatim se skriptiraju crtica (-), razmak i naziv podpopisa. Dakle, prva stavka popisa je 'Pakistan', a unutar njega, podpopis je dodan kao 'Islamabad', zatim sljedeća stavka popisa kao 'Iran' sa stavkom podpopisa 'Teheran', 3 rd Dodana stavka popisa je “Afganistan” sa stavkom podpopisa “Kabul”, zatim “Indija” s ugniježđenom stavkom popisa “Delhi” i na kraju “Kina” sa stavkom podpopisa “Peking”.

  nesređeni ugniježđeni.jpg

Prikazani izlaz može se promatrati na slici priloženoj u nastavku, koja prikazuje naslov, podnaslov, a zatim ugniježđene neuređene popise oznaka.

  uo out.jpg

Primjer # 2: Poredani ugniježđeni popisi u Markdownu

Ova ilustracija će nam omogućiti da razumijemo popise poredane oznake i kako stvoriti ugniježđene poredane popise.

Uređene liste su one čije su stavke dodane brojevima. Za stvaranje uređenog popisa, broj naveden za prvu stavku popisa odredit će početni broj izlaznog sekvencijalnog broja popisa. Naučimo to kroz skriptu.

Napravili smo popis sa 7 stavki kao što su 'crveno', 'plavo', 'ljubičasto', 'narančasto', 'žuto', 'ružičasto' i 'bijelo'. Za izradu uređenog popisa s ovim stavkama, dodali smo brojeve, točku i naziv stavke. Ovdje smo popis započeli s brojem '1', koji ide uzastopno do '7'.

  red.jpg

Ovdje je izlaz za gore napisanu skriptu za označavanje.

  ord out.jpg

Sada da vidimo što će se dogoditi ako dodamo nasumične brojeve na popis s istim stavkama.

Promijenili smo brojeve i sada ih dodali kao '1', '4', '3', '7', '2', '7' i '5'. Možete vidjeti kako se brojevi dodaju nasumično.

  ili 2.jpg

Ali prozor za pregled prikazuje nam izlazni popis sa sekvencijalnim popisom koji počinje od 1. To je zato što markdown uzima u obzir samo prvi navedeni broj i zatim poreda popis redom, počevši od tog određenog broja nadalje.

Radi vaše udobnosti, pružit ćemo još jedan primjer gdje je prvi broj koji smo naveli '5', a zatim neki nasumični brojevi.

  ili 3.jpg

Možete vidjeti u izlazu da popis počinje od 5, a zatim dodaje brojeve redom prema naprijed. Dakle, morate početi numerirati stavke popisa od '1' tako da ide ispravnim redoslijedom brojeva.

  o 3 out.jpg

Također možemo stvoriti ugniježđeni poredani popis u markdownu. Za ovo smo prvo dodali naslov koristeći jedan hash (#) kao 'Ugniježđeni poredani popis', a zatim je podnaslov kreiran u stilu 'h3' koristeći 3 hash (###) s tekstom 'Ovo je naš ugniježđeni poredani popis u markdown:”. Koristeći gore kreirani popis, dodali smo mu neke podpopise. Podpopisi se stvaraju dodavanjem četiri razmaka, a zatim broja, razmaka i naziva stavke. Podlista mora početi od broja „1,“. Stoga smo dodali stavke podpopisa za stavke popisa 'Ljubičasta' i 'Žuta' kao 'Šljiva', 'Žuta' i 'Limeta'.

  n o l.jpg

To će nam dati rezultirajući ugniježđeni poredani popis, koji je prikazan na snimci u nastavku.

  n o l o.jpg

Primjer # 3: Miješajte ugniježđene popise u Markdownu

Na kraju, vidjet ćemo kako stvoriti ugniježđeni popis pomoću uređenih i neuređenih popisa. Napravit ćemo nesređenu listu; unutar ovog popisa, uređeni popis će biti generiran, a zatim će se drugi neuređeni podlistak inicijalizirati unutar uređenog popisa.

Prvo smo dodali naslov i podnaslov, a zatim počinjemo prvi popis s nesređenim popisom. Prva stavka nesređenog popisa je “Azija”; unutar ovog popisa započeli smo novi poredani popis s nazivom zemlje tog određenog sadržaja. Zatim, pod imenom podliste zemalja, kreirali smo drugu podlistu koja sadrži ime grada te određene zemlje. Dakle, za nesređenu stavku popisa 'Azija', poredali smo stavke popisa 'Pakistan', 'Iran' i 'Kina'. A pod sređenom stavkom popisa 'Pakistan', imamo nesređenu stavku s popisa 'Rawalpindi'.

Ostatak skripte možete vidjeti na slici ispod:

  final.jpg

To nam daje sljedeći rezultat koji prikazuje ugniježđene liste:

  final out.jpg

Zaključak

Ovaj vodič razradio je tehnike za stvaranje popisa i njihovo ugniježđivanje. Objasnili smo 2 različite vrste popisa koji su nesređeni i uređeni popisi. Proveli smo 3 slučaja u ovom članku. U prvom primjeru naučili smo napraviti jednostavan nesređeni popis i ugniježđene nesređene popise. Zatim 2 nd ilustracija je govorila o uređenim popisima i ugniježđenim uređenim popisima. Posljednja je instanca naglasila ugniježđenje uređenih i nesređenih popisa zajedno.