Jak implementovat různé typy seznamu v HTML?

Tento článek vám poskytne podrobné a komplexní znalosti o různých typech Seznamu v HTML s příklady a kódem.

Seznamy jsou jedním z důležitých způsobů, jak reprezentovat data a informace, kde se každý záznam zobrazuje v jednom řádku. Existují různé způsoby, jak reprezentovat data v seznamu, například uspořádaným způsobem nebo neuspořádaným způsobem. Následujícím tématům v tomto seznamu se budu věnovat v článek:

Typy seznamu v HTML

Než začneme vytvářet seznam, podívejme se nejprve na značky HTML:





    • Používá se k definování neuspořádaného seznamu
      1. Používá se k definování seřazeného seznamu
      2. Používá se k definování položky seznamu
      3. Používá se k definování seznamu popisu
      4. Používá se k definování pojmu v seznamu popisu
      5. Používá se k popisu výrazu v seznamu popisů

    Pojďme pochopit, jak můžete v HTML vytvářet různé druhy seznamu.

    Neuspořádaný seznam

    K definování neuspořádaného seznamu v HTML používáme

      tag a poté definujeme seznam položek v
    • štítek. Ve výchozím nastavení je seznam položek označen odrážkami (tj. Malými černými kruhy).



       

      Sportovní

      • Kriket
      • Fotbal
      • Baseball

      Výstup:

      Neuspořádaný seznam v HTML

      Neuspořádaný seznam HTML: Různé značky položek



      Pomocí vlastnosti CSS list-style-type si můžete vybrat ze seznamu značek. Podívejme se na různé vlastnosti typu seznamu stylů CSS, které můžete použít k definování jiného stylu značek:

      • disk : Nastaví značku položky seznamu na odrážku
      • kruh : Nastaví značku položky seznamu na kruh
      • náměstí : Nastaví značku položky seznamu na čtverec
      • žádný : Položky seznamu nebudou označeny

      Disk:

       

      Sportovní

      • Kriket
      • Fotbal
      • Baseball

      Výstup:

      Disk v HTMLKruh:

      jaký je rozdíl mezi jquery a javascriptem
       

      Sportovní

      • Kriket
      • Fotbal
      • Baseball

      Výstup:

      Seznam kruhů v HTMLNáměstí:

       

      Sportovní

      • Kriket
      • Fotbal
      • Baseball

      Výstup:

      SquareŽádný:

       

      Sportovní

      • Kriket
      • Fotbal
      • Baseball

      Výstup:

      NoneNyní, když pochopíme, jak vytvořit neuspořádaný seznam v HTML, pochopíme, jak vytvořit seřazený seznam v HTML.

      Objednaný seznam

      K definování seřazeného seznamu v HTML používáme

        tag a poté definujeme seznam položek v
      1. štítek.
        Ve výchozím nastavení je seznam položek označen čísly.

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        Seřazený seznam v HTMLNyní se podívejme na některé z variant seřazených seznamů.

        Objednaný seznam HTML - zadejte atribut

        U objednaného seznamu existují různé typy značek položek:

        • typ = „1“ Položky seznamu budou očíslovány čísly (výchozí)

        • typ = ”A” Položky seznamu budou očíslovány velkými písmeny

        • typ = ”a” Položky seznamu budou očíslovány malými písmeny

        • typ = „já“ Položky seznamu budou očíslovány velkými římskými čísly

        • typ = „i“ Položky seznamu budou očíslovány malými římskými čísly

        Čísla:

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        NumbersVelká písmena:

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        Velké písmenoMalá písmena:

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        Malým písmemVelká písmena Roman Nu mber s:

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        Velké římské číslo

        Malá římská čísla:

         

        Sportovní

        1. Kriket
        2. Fotbal
        3. Baseball

        Výstup:

        Malá římská čísla

        Seznamy popisu HTML

        Seznamy popisů můžete také vytvořit v HTML. Seznam s popisem slouží k vytvoření seznamu pojmů ak přidání popisu k nim. Seznam popisu vytvoříte pomocí

        štítek.
        značka definuje pojem &
        značka jim přidá popis.

         

        Sportovní

        Kriket
        Kriket je hra s pálkou a míčem, kterou hrají dva týmy po jedenácti hráčích na hřišti, jehož středem je 20metrové hřiště s brankou na každém konci, přičemž každé zahrnuje dvě kauce vyvážené na třech pařezech.
        Stolní tenis
        Stolní tenis, také známý jako ping-pong, je sport, ve kterém dva nebo čtyři hráči zasáhnou lehkou kouli tam a zpět přes stůl pomocí malých raket. Hra se odehrává na tvrdém stole děleném sítí.

        Výstup:

        Vnořený seznam v HTML

        Můžete také vytvořit vnořený seznam v HTML.

         

        Sportovní

        • Stolní tenis
        • Kriket
          • Virat kohli
          • Joe Root
      2. Basketball

    Výstup:

    co je to jmenný prostor v C ++

    Nyní po provedení výše uvedených úryvků byste pochopili, jak vytvořit seznamy v HTML. Doufám, že tento blog bude informativní a bude pro vás přidanou hodnotou.

    Podívejte se na naše který přichází s živým tréninkem vedeným instruktorem a zkušenostmi z reálného projektu. Toto školení vám umožní ovládat dovednosti práce s webovými technologiemi typu back-end a front-end. Zahrnuje školení na Web Development, jQuery, Angular, NodeJS, ExpressJS a MongoDB.

    Máte na nás dotaz? Uveďte to prosím v sekci komentářů v blogu „Seznam v HTML“ a my se vám ozveme.