Paano Magpatupad ng Iba't ibang Mga Uri ng Listahan Sa HTML?



Ang artikulong ito ay magbibigay sa iyo ng isang detalyado at komprehensibong kaalaman ng iba't ibang mga uri ng Listahan sa HTML na may mga halimbawa at code.

Ang mga listahan ay isa sa mga mahahalagang paraan upang kumatawan sa data at impormasyon kung saan ang bawat tala ay ipinapakita sa isang solong linya. Mayroong iba't ibang mga paraan ng kumakatawan sa data sa isang listahan tulad ng sa isang order na pamamaraan, o sa isang hindi naayos na pamamaraan. Saklaw ko ang mga sumusunod na paksa sa Listahan na ito sa artikulo:

Mga uri ng Listahan sa HTML

Bago kami magsimulang lumikha ng isang listahan, tingnan muna natin ang mga tag ng HTML:





    • Ginamit upang tukuyin ang isang hindi naayos na listahan
      1. Ginamit upang tukuyin ang isang order na listahan
      2. Ginamit upang tukuyin ang isang item sa listahan
      3. Ginamit upang tukuyin ang isang listahan ng paglalarawan
      4. Ginamit upang tukuyin ang isang term sa isang listahan ng paglalarawan
      5. Ginamit upang ilarawan ang term sa isang listahan ng paglalarawan

    Unawain natin kung paano ka makakalikha ng iba't ibang mga uri ng isang listahan sa HTML.

    Unordered List

    Upang tukuyin ang isang hindi naayos na listahan sa HTML na ginagamit namin

      tag at pagkatapos ay tinutukoy namin ang listahan ng mga item sa
    • tag Bilang default, ang listahan ng mga item ay minarkahan ng mga bala (hal. Maliit na mga itim na bilog).



       

      laro

      • Cricket
      • Football
      • Baseball

      Output:

      Unordered List sa HTML

      Unordered Listahan ng HTML: Iba't ibang Mga Marker ng Item



      Maaari kang pumili mula sa isang listahan ng mga marker gamit ang CSS-style-style-type na pag-aari. Tingnan natin ang iba't ibang pag-aari ng uri ng istilo ng listahan ng CSS na maaari mong gamitin upang tukuyin ang iba't ibang estilo ng mga marker:

      • disc : Itinatakda ang marka ng item sa listahan sa bala
      • bilog : Itinatakda ang isang marka ng item sa listahan sa isang bilog
      • parisukat : Itinatakda ang marker ng item sa listahan sa isang parisukat
      • wala : Ang mga item sa listahan ay hindi mamarkahan

      Disc:

       

      laro

      • Cricket
      • Football
      • Baseball

      Output:

      Disc sa HTMLBilog:

       

      laro

      • Cricket
      • Football
      • Baseball

      Output:

      Listahan ng Circle sa HTMLKuwadro:

       

      laro

      • Cricket
      • Football
      • Baseball

      Output:

      SquareWala:

       

      laro

      • Cricket
      • Football
      • Baseball

      Output:

      NoneNgayon pagkatapos maunawaan kung paano lumikha ng isang hindi naayos na listahan sa HTML, unawain natin kung paano lumikha ng isang naka-order na listahan sa HTML.

      Umorder ng Listahan

      Upang tukuyin ang isang naka-order na listahan sa HTML na ginagamit namin

        tag at pagkatapos ay tinutukoy namin ang listahan ng mga item sa
      1. tag
        Bilang default, ang listahan ng mga item ay minarkahan ng mga numero.

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        Naka-order na Lista sa HTMLTingnan natin ngayon ang ilan sa mga pagkakaiba-iba ng mga naka-order na listahan.

        Naka-order na Listahan ng HTML - Uri ng Katangian

        Mayroong iba't ibang mga uri ng mga marka ng item para sa isang naka-order na listahan:

        • type = ”1 ″ Ang mga item sa listahan ay mabibilang ng mga numero (default)

        • type = 'A' Ang mga item sa listahan ay mabibilang ng mga malalaking titik

        • type = 'a' Ang mga item sa listahan ay mabibilang ng mga maliliit na titik

          ano ang data blending sa tableau
        • type = 'ako' Ang mga item sa listahan ay mabibilang sa mga malalaking numero ng roman

        • type = 'i' Ang mga item sa listahan ay mabibilang sa mga maliliit na numero ng roman

        Numero:

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        NumbersMga Mataas na Sulat:

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        Mataas na LihamMga titik na Maliit:

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        Maliit na titikNapakalaking Roman Nu mber s:

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        Napakalaking Roman Number

        Maliit na Mga Numero ng Roman:

         

        laro

        1. Cricket
        2. Football
        3. Baseball

        Output:

        Maliit na Mga Numero ng Roman

        Mga Listahan ng Paglalarawan ng HTML

        Maaari ka ring lumikha ng mga listahan ng paglalarawan sa HTML. Ginagamit ang isang listahan ng paglalarawan upang lumikha ng isang listahan ng mga termino at pagdaragdag ng isang paglalarawan sa kanila. Lumilikha ka ng isang listahan ng paglalarawan gamit ang

        tag
        tinutukoy ng tag ang term na &
        nagdagdag ng tag ang paglalarawan sa kanila.

         

        laro

        Cricket
        Ang Cricket ay isang larong bat-and-ball na nilalaro sa pagitan ng dalawang koponan ng labing-isang manlalaro sa isang patlang sa gitna na kung saan ay isang 20-meter na pitch na may isang wicket sa bawat dulo, bawat isa ay binubuo ng dalawang mga piyansa na balansehin sa tatlong mga tuod.
        Talahanayan Tennis
        Ang table tennis, na kilala rin bilang ping-pong, ay isang isport kung saan dalawa o apat na manlalaro ang tumama sa isang magaan na bola pabalik-balik sa isang mesa gamit ang maliliit na raketa. Ang laro ay nagaganap sa isang matigas na mesa na hinati ng isang net.

        Output:

        Pugad na Listahan sa HTML

        Maaari ka ring lumikha ng isang nakapugad na listahan sa HTML.

         

        laro

        • Talahanayan Tennis
        • Cricket
          • Virat kohli
          • Joe Root
      2. Basketball

    Output:

    Ngayon pagkatapos maipatupad ang mga snippet sa itaas ay naiintindihan mo kung paano lumikha ng mga listahan sa HTML. Inaasahan kong ang blog na ito ay may kaalaman at naidagdag na halaga sa iyo.

    Suriin ang aming na kasama ng live na pagsasanay na pinamunuan ng magtuturo at karanasan sa proyekto sa totoong buhay. Ang pagsasanay na ito ay gumagawa sa iyo ng kasanayan sa mga kasanayan upang gumana sa back-end at front-end na mga teknolohiya sa web. Kabilang dito ang pagsasanay sa Pag-unlad sa Web, jQuery, Angular, NodeJS, ExpressJS, at MongoDB.

    May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng blog na 'List in HTML' at babalikan ka namin.