Ako implementovať rôzne typy zoznamu v HTML?



Tento článok vám poskytne podrobné a komplexné vedomosti o rôznych typoch Zoznamu v HTML s príkladmi a kódom.

Zoznamy sú jedným z dôležitých spôsobov, ako reprezentovať údaje a informácie, kde sa každý záznam zobrazuje v jednom riadku. Existujú rôzne spôsoby reprezentácie údajov v zozname, napríklad usporiadaným spôsobom alebo neusporiadaným spôsobom. Nasledujúcim témam v tomto zozname sa budem venovať v článok:

Typy zoznamu v HTML

Než začneme vytvárať zoznam, pozrime sa najskôr na značky HTML:





    • Používa sa na definovanie neusporiadaného zoznamu
      1. Používa sa na definovanie zoradeného zoznamu
      2. Používa sa na definovanie položky zoznamu
      3. Používa sa na definovanie zoznamu popisov
      4. Používa sa na definovanie pojmu v zozname popisov
      5. Používa sa na opis výrazu v zozname popisov

    Poďme pochopiť, ako môžete v HTML vytvoriť rôzne druhy zoznamu.

    Neusporiadaný zoznam

    Na definovanie neusporiadaného zoznamu v HTML používame

      tag a potom definujeme zoznam položiek v
    • značka. Zoznam položiek je predvolene označený odrážkami (t. J. Malými čiernymi kruhmi).



       

      Šport

      • Kriket
      • Futbal
      • Bejzbal

      Výkon:

      Neusporiadaný zoznam v HTML

      Neusporiadaný zoznam HTML: rôzne značky položiek



      Môžete si vybrať zo zoznamu značiek pomocou vlastnosti CSS list-style-type. Pozrime sa na inú vlastnosť typu zoznamu štýlov CSS, ktorú môžete použiť na definovanie iného štýlu značiek:

      • disk : Nastaví značku položky zoznamu na odrážku
      • kruh : Nastaví značku položky zoznamu na kruh
      • námestie : Nastaví značku položky zoznamu na štvorec
      • žiadny : Položky zoznamu nebudú označené

      Disk:

       

      Šport

      • Kriket
      • Futbal
      • Bejzbal

      Výkon:

      Disk v HTMLKruh:

      rozdiel medzi c c # a c ++
       

      Šport

      • Kriket
      • Futbal
      • Bejzbal

      Výkon:

      Zoznam kruhov v HTMLNámestie:

       

      Šport

      • Kriket
      • Futbal
      • Bejzbal

      Výkon:

      SquareŽiadne:

       

      Šport

      • Kriket
      • Futbal
      • Bejzbal

      Výkon:

      NoneTeraz, keď pochopíme, ako vytvoriť neusporiadaný zoznam v HTML, poďme pochopiť, ako vytvoriť zoradený zoznam v HTML.

      Objednaný zoznam

      Na definovanie zoradeného zoznamu v HTML používame

        tag a potom definujeme zoznam položiek v
      1. značka.
        Zoznam položiek je predvolene označený číslami.

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        Poradový zoznam v HTMLTeraz sa pozrime na niektoré z variantov zoradených zoznamov.

        Objednaný zoznam HTML - atribút typu

        Pre usporiadaný zoznam existujú rôzne typy značiek položiek:

        • typ = „1“ Položky zoznamu budú očíslované číslami (predvolené)

        • typ = ”A” Položky zoznamu budú očíslované veľkými písmenami

        • typ = ”a” Položky zoznamu budú očíslované malými písmenami

        • typ = ”ja” Položky zoznamu budú očíslované veľkými rímskymi číslami

        • typ = ”i” Položky zoznamu budú očíslované malými rímskymi číslami

        Čísla:

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        NumbersVeľké písmená:

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        Veľké písmenoMalé písmená:

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        Malé písmenoVeľké Roman Nu mber s:

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        Veľké rímske číslo

        Malé rímske čísla:

         

        Šport

        1. Kriket
        2. Futbal
        3. Bejzbal

        Výkon:

        Malé rímske čísla

        Zoznamy popisu HTML

        Zoznamy popisov môžete vytvoriť aj v HTML. Zoznam popisov sa používa na vytvorenie zoznamu výrazov a na pridanie popisu k nim. Zoznam popisov vytvoríte pomocou

        značka.
        značka definuje výraz &
        značka k nim pridá popis.

         

        Šport

        Kriket
        Kriket je hra s loptou a loptou, ktorú hrajú dva tímy po jedenástich hráčoch na ihrisku, ktorého stredom je 20-metrové ihrisko s bránkou na každom konci, pričom každé z nich obsahuje dve kaucie vyvážené na troch pňoch.
        Stolný tenis
        Stolný tenis, tiež známy ako ping-pong, je šport, pri ktorom dvaja alebo štyria hráči pomocou malých rakiet trafia ľahkú loptičku tam a späť po stole. Hra sa odohráva na tvrdom stole delenom sieťou.

        Výkon:

        Vnorený zoznam v HTML

        Môžete tiež vytvoriť vnorený zoznam v HTML.

         

        Šport

        • Stolný tenis
        • Kriket
          • Virat kohli
          • Joe Root
      2. Basketbal

    Výkon:

    ako používať anakondu python

    Teraz po vykonaní vyššie uvedených úryvkov by ste pochopili, ako vytvárať zoznamy v HTML. Dúfam, že tento blog bude informatívny a bude pre vás pridanou hodnotou.

    Vyskúšajte naše ktorá prináša živé školenie vedené inštruktorom a skúsenosti s projektmi v reálnom živote. Toto školenie vám pomôže získať zručnosti v oblasti práce s webovými technológiami typu back-end a front-end. Zahŕňa školenie zamerané na vývoj webových aplikácií, jQuery, Angular, NodeJS, ExpressJS a MongoDB.

    Máte na nás otázku? Uveďte to v sekcii komentárov v blogu „Zoznam v HTML“ a my sa vám ozveme.