Kako implementirati različne vrste seznamov v HTML?



Ta članek vam nudi podrobno in celovito znanje o različnih vrstah seznama v HTML s primeri in kodo.

Seznami so eden pomembnih načinov za predstavitev podatkov in informacij, kjer je vsak zapis prikazan v eni vrstici. Obstajajo različni načini predstavitve podatkov na seznamu, na primer urejeno ali neurejeno. V tem seznamu bom obravnaval naslednje teme v Članek:

Vrste seznama v HTML

Preden začnemo ustvarjati seznam, si najprej oglejmo oznake HTML:





    • Uporablja se za definiranje neurejenega seznama
      1. Uporablja se za definiranje urejenega seznama
      2. Uporablja se za določanje elementa seznama
      3. Uporablja se za definiranje seznama opisov
      4. Uporablja se za definiranje izraza na seznamu opisov
      5. Uporablja se za opis izraza na seznamu opisov

    Razumejmo, kako lahko v HTML ustvarite različne vrste seznamov.

    Neurejeni seznam

    Za določitev neurejenega seznama v HTML uporabljamo

      in nato določimo seznam elementov v
    • oznaka. Privzeto je seznam elementov označen z oznakami (tj. Majhnimi črnimi krogi).



       

      Šport

      • Kriket
      • Nogomet
      • Baseball

      Izhod:

      Neurejeni seznam v HTML-ju

      Neurejeni seznam HTML: različni označevalci elementov



      Na seznamu označevalcev lahko izbirate s pomočjo lastnosti tipa sloga seznama CSS. Oglejmo si različne lastnosti tipa stila seznama CSS, ki jih lahko uporabite za določanje drugačnega sloga označevalnikov:

      • disk : Nastavi oznako elementa seznama na oznako
      • krog : Označevalnik elementa seznama nastavi v krog
      • kvadrat : Nastavi oznako elementa seznama na kvadrat
      • nobenega : Elementi seznama ne bodo označeni

      Disk:

       

      Šport

      • Kriket
      • Nogomet
      • Baseball

      Izhod:

      Disk v HTMLKrog:

       

      Šport

      • Kriket
      • Nogomet
      • Baseball

      Izhod:

      Seznam krogov v HTMLKvadrat:

       

      Šport

      • Kriket
      • Nogomet
      • Baseball

      Izhod:

      SquareBrez:

       

      Šport

      • Kriket
      • Nogomet
      • Baseball

      Izhod:

      NoneZdaj, ko razumemo, kako ustvariti neurejeni seznam v HTML-ju, poglejmo, kako ustvariti urejeni seznam v HTML-ju.

      Urejeni seznam

      Za opredelitev urejenega seznama v HTML uporabljamo

        in nato določimo seznam elementov v
      1. oznaka.
        Seznam elementov je privzeto označen s številkami.

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        Urejeni seznam v HTMLZdaj pa si oglejmo nekatere različice urejenih seznamov.

        Urejeni seznam HTML - Atribut vrste

        Za urejeni seznam obstajajo različne vrste označevalnikov izdelkov:

        • type = ”1 ″ Elementi seznama bodo oštevilčeni s številkami (privzeto)

        • type = 'A' Elementi seznama bodo oštevilčeni z velikimi črkami

        • type = 'a' Elementi seznama bodo oštevilčeni z malimi črkami

        • type = 'I' Elementi seznama bodo oštevilčeni z velikimi rimskimi številkami

        • type = 'i' Elementi seznama bodo oštevilčeni z malimi črkami

        Številke:

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        NumbersVelike črke:

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        Velika tiskana črkaMale črke:

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        Mala črkaVelika črka Roman Nu mber s:

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        Velika rimska številka

        Male rimske številke:

         

        Šport

        1. Kriket
        2. Nogomet
        3. Baseball

        Izhod:

        Male rimske številke

        Opisni seznami HTML

        Sezname opisov lahko ustvarite tudi v HTML-ju. Seznam opisov se uporablja za ustvarjanje seznama izrazov in dodajanje opisa k njim. Seznam opisov ustvarite z uporabo

        oznaka.
        oznaka definira izraz &
        oznaka jim doda opis.

         

        Šport

        Kriket
        Kriket je igra z netopirji in žogo z dvema ekipama enajstih igralcev na igrišču, v središču katerega je 20-metrsko igrišče z osebnim prehodom na obeh koncih, od katerih ima vsaka dve bali, uravnoteženi na treh štorih.
        Namizni tenis
        Namizni tenis, znan tudi kot ping-pong, je šport, pri katerem dva ali štirje igralci z majhnimi loparji udarijo po lahki žogi naprej in nazaj po mizi. Igra se odvija na trdi mizi, razdeljeni z mrežo.

        Izhod:

        kako nastaviti pot do razreda v Linuxu

        Vgnezden seznam v HTML

        Vgnezden seznam lahko ustvarite tudi v HTML-ju.

         

        Šport

        • Namizni tenis
        • Kriket
          • Virat kohli
          • Joe Root
      2. Košarka

    Izhod:

    Zdaj po izvedbi zgornjih delčkov bi razumeli, kako ustvariti sezname v HTML-ju. Upam, da je ta spletni dnevnik informativen in dodane vrednosti za vas.

    Oglejte si našo ki prihaja z usposabljanjem pod vodstvom inštruktorjev v živo in izkušnjami iz resničnega projekta. To usposabljanje vam omogoča, da obvladate veščine za delo z zalednimi in prednjimi spletnimi tehnologijami. Vključuje usposabljanje za spletni razvoj, jQuery, Angular, NodeJS, ExpressJS in MongoDB.

    Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v blogu »Seznam v HTML« in mi se bomo oglasili.