Markdown Nested Lists

Markdown Nested Lists



'Sa markdown, mayroong dalawang uri ng mga listahan na maaaring gawin. Ang una ay ang unordered list (bulleted), at ang pangalawa ay ang ordered list (numbered). Gagawa kami ng mga nested list gamit ang parehong uri ng mga markdown list sa tutorial na ito.

Para sa pagpapatupad ng script, ang tool na ginagamit namin dito ay Visual Studio Code.'

Halimbawa # 1: Mga Hindi Nakaayos na Nested List sa Markdown

Ang demonstrasyon na ito ay magdedetalye sa pamamaraan ng paglalagay ng mga hindi nakaayos na listahan sa markdown. Upang lumikha ng isang hindi nakaayos na listahan, ang markdown ay nagbibigay sa amin ng iba't ibang mga opsyon na maaaring magamit upang bumuo ng isang hindi nakaayos na listahan. Ang mga ito ay Plus sign (+), Dashes (-), o Asterisk (*). Maaari mong gamitin ang alinman sa mga opsyong ito. Tingnan natin kung paano gagana ang bawat isa sa mga ito.







Gagawa muna kami ng listahan sa pamamagitan ng pagdaragdag ng Mga Dash (-) bago ang item sa listahan. Gumawa kami ng listahan. Upang gumawa ng listahan na may mga gitling, ang pattern na kailangang sundin ay kailangan nating magdagdag ng Dash (-), pagkatapos ay isang puwang, at ang pangalan ng listahan. Para sa susunod na listahan, makikita ng markdown ang format at awtomatikong idagdag ang naunang tempo sa susunod na linya ng script. Habang ginagamit namin ang Dashes (-) upang gumawa ng isang hindi nakaayos na listahan, kapag lumipat kami sa susunod na linya, awtomatiko nitong inilalagay ang gitling. Narito kami ay gumawa ng isang listahan na may 5 item na 'Pakistan', 'Iran', 'Afghanistan', 'India,' at ang huling item, 'China'.



  1.jpg



Ang preview window ay nagpapakita sa amin ng 5 listahan ng mga item na ipinapakita na may mga bullet. Ang resulta ay makikita sa snapshot na nakalakip sa ibaba.





  D out.jpg

Ngayon ay gagamitin namin ang Plus sign (+) sign upang gawin ang markup na hindi nakaayos na listahan.



Dito lang namin pinalitan ang Dashes (-) ng Plus sign (+).

  more.jpg

Nagbibigay ito sa amin ng parehong output na nakuha namin para sa pamamaraan ng ehersisyo sa itaas.

  D out.jpg

Ngayon ay susuriin natin ito gamit ang huling pamamaraan, na ang pagdaragdag ng mga Asterisk (*) bago ang pangalan ng item sa listahan.

  steric.jpg

Sa pamamagitan ng pagdaragdag ng mga Asterisk, kahit na kami ay nakakakuha ng parehong mga listahan ng bullet.

  D out.jpg

Natutunan namin mula dito na ang lahat ng mga diskarteng ito ay magre-render ng parehong output na hindi nakaayos na listahan na may mga item na ipinapakita na may mga bullet.

Para sa paggawa ng mga nested na listahan, ang mga diskarteng maaaring gamitin ay pareho sa mga tinalakay sa itaas. Pinipili namin ang diskarteng Dash (-) para gawin ang mga hindi nakaayos na nested list. Nagdagdag muna kami ng heading sa pamamagitan ng paggamit ng hash (#) na simbolo at puwang bago ang heading text. Ang isang '#' ay tumutukoy sa 'h1' na istilo ng heading. Ang tekstong tinukoy namin para sa heading ay 'Mga Bansang may Kabisera na Lungsod', kaya ito ang magiging pangunahing heading namin. Pagkatapos, sa susunod na linya, ipinakilala namin ang isang subheading sa pamamagitan ng paggamit ng triple hash, na tumutukoy sa 'h3' na heading. At ang string para sa heading ay 'Ang listahan ng mga bansa, at ang kanilang mga kabisera ay:'. Magsisimula ang nested list. Idinagdag namin ang simbolo ng gitling (-) upang gawin ang unang item sa listahan bilang 'Pakistan'.

Upang magdagdag ng listahan sa loob ng listahang ito, sa susunod na linya ng script, kailangan nating magdagdag ng apat na puwang. Pagkatapos ay naka-script ang gitling (-), espasyo, at pangalan ng sublist. Kaya kami ang unang item sa listahan bilang 'Pakistan' at sa loob nito, ang sublist ay idinagdag bilang 'Islamabad', pagkatapos ay ang susunod na item ng listahan bilang 'Iran' na may sublist item na 'Tehran', 3 rd list item na nakadugtong ay 'Afghanistan' na may sublist item na 'Kabul', pagkatapos ay 'India' na may nested list item na 'Delhi' at panghuli ang 'China' na may sublist item na 'Beijing'.

  hindi nakaayos nested.jpg

Ang nai-render na output ay maaaring obserbahan sa larawang naka-attach sa ibaba, na nagpapakita ng isang heading, subheading, at pagkatapos ay naka-nest na hindi nakaayos na mga listahan ng markdown.

  labas ka.jpg

Halimbawa # 2: Mga Ordered Nested List sa Markdown

Ang paglalarawang ito ay magbibigay-daan sa amin na maunawaan ang markdown ordered list at kung paano gumawa ng mga nested ordered list.

Ang mga nakaayos na listahan ay ang mga bagay na idinagdag sa mga numero. Para sa paggawa ng nakaayos na listahan, ang numerong tinukoy para sa unang item sa listahan ay tutukoy sa panimulang numero ng output sequential list number. Alamin natin ito sa pamamagitan ng isang script.

Gumawa kami ng listahan na may 7 item bilang 'Red', 'Blue', 'Purple', 'Orange', 'Yellow', 'Pink', at 'White'. Upang lumikha ng nakaayos na listahan gamit ang mga item na ito, idinagdag namin ang mga numero, isang tuldok, at ang pangalan ng item. Dito namin sinimulan ang listahan na may numerong '1,' na sunod-sunod na umabot sa '7'.

  ord.jpg

Narito ang output para sa nakasulat sa itaas na markdown script.

  mag-order out.jpg

Ngayon tingnan natin kung ano ang mangyayari kung magdaragdag tayo ng mga random na numero sa listahan na may parehong mga item.

Binago namin ang mga numero at ngayon ay idinagdag namin bilang '1', '4', '3', '7', '2', '7,' at '5'. Maaari mong obserbahan ang mga numero ay idinagdag nang random.

  o 2.jpg

Ngunit ipinapakita sa amin ng preview window ang listahan ng output na may sequential list na nagsisimula sa 1. Ito ay dahil isinasaalang-alang lang ng markdown ang unang ibinigay na numero at pagkatapos ay inoorder ang listahan nang sunud-sunod, simula sa partikular na numerong iyon.

Para sa iyong kaginhawaan, magbibigay kami ng isa pang halimbawa kung saan ang unang numero na aming tinukoy ay '5' at pagkatapos ay ilang random na numero.

  o 3.jpg

Makikita mo sa output na ang listahan ay magsisimula sa 5 at pagkatapos ay idaragdag ang mga numero nang sunud-sunod. Kaya, kailangan mong simulan ang pagnunumero sa mga item sa listahan mula sa '1' upang mapupunta ito sa wastong pagkakasunud-sunod ng mga numero.

  o 3 out.jpg

Maaari din kaming gumawa ng nested ordered list sa markdown. Para dito, nagdagdag muna kami ng heading gamit ang solong hash (#) bilang “Nested Ordered List,” at pagkatapos ay gagawin ang subheading gamit ang istilong “h3” gamit ang 3 hash (###) na may text na “This is our nested ordered list sa markdown:”. Ngayon gamit ang listahang ginawa sa itaas, nagdagdag kami ng ilang mga sublist dito. Ang mga sublist ay nilikha sa pamamagitan ng pagdaragdag ng apat na puwang at pagkatapos ay ang numero, isang puwang, at ang pangalan ng item. Ang sublist ay dapat magsimula sa numerong '1,'. Kaya nagdagdag kami ng mga sublist na item para sa listahan ng mga item na 'Purple' at 'Yellow' bilang 'Plum', 'Yellow,' at 'Lime,' ayon sa pagkakabanggit.

  n o l.jpg

Ibibigay nito sa amin ang resultang nested ordered list, na ipinapakita sa snapshot sa ibaba.

  n o l o.jpg

Halimbawa # 3: Paghaluin ang Mga Nested na Listahan sa Markdown

Sa huling pagkakataon, makikita natin kung paano gumawa ng nested list gamit ang ordered at unordered lists. Gagawa kami ng isang hindi nakaayos na listahan; sa loob ng listahang ito, bubuo ng isang ordered list, at pagkatapos ay isa pang unordered sublist ang pasisimulan sa loob ng ordered list.

Nagdagdag muna kami ng heading at subheading, at pagkatapos ay sisimulan namin ang unang listahan gamit ang unordered list. Ang unang aytem ng unordered list ay “Asia”; sa loob ng listahang ito, nagsimula kami ng bagong ordered list na may pangalan ng bansa ng partikular na content na iyon. At pagkatapos, sa ilalim ng pangalan ng mga bansang sublist, gumawa kami ng isa pang sublist na may hawak na pangalan ng isang lungsod ng partikular na bansang iyon. Kaya, para sa hindi nakaayos na item sa listahan na 'Asia', nag-order kami ng mga item sa listahan na 'Pakistan', 'Iran', at 'China'. At sa ilalim ng inorder na item sa listahan na 'Pakistan,' mayroon kaming hindi nakaayos na item sa listahan na 'Rawalpindi'.

Maaari mong makita ang natitirang script sa larawan sa ibaba:

  final.jpg

Ibibigay nito sa amin ang sumusunod na kinalabasan na nagpapakita ng mga naka-nest na listahan:

  final out.jpg

Konklusyon

Ang gabay na ito ay nagpaliwanag sa mga pamamaraan para sa paggawa ng mga listahan at pagsasama-sama ng mga ito. Ipinaliwanag namin ang 2 magkakaibang uri ng mga listahan na hindi nakaayos at nakaayos na mga listahan. Nagsagawa kami ng 3 pagkakataon sa artikulong ito. Sa unang halimbawa, natutunan naming gumawa ng simpleng unordered list at nested unordered list. Tapos yung 2 nd binanggit ng ilustrasyon ang tungkol sa mga naka-order na listahan at naka-nest na nakaayos na mga listahan. Ang huling pagkakataon ay nagbigay-diin sa pagpupugad ng mga nakaayos at hindi nakaayos na mga listahan nang magkasama.