Jak implementovat různé typy seznamu v HTML?

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 seznamů v HTML
• Neuspořádaný seznam HTML
• Objednaný seznam HTML
• Seznamy popisu HTML
• Vnořený seznam v HTML

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
  • 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 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:

    Kruh:

    jaký je rozdíl mezi jquery a javascriptem

     
    Sportovní
     
     
    Kriket
     
    Fotbal
     
    Baseball
     
     

    Výstup:

    Náměstí:

     
    Sportovní
     
     
    Kriket
     
    Fotbal
     
    Baseball
     
     

    Výstup:

    Žádný:

     
    Sportovní
     
     
    Kriket
     
    Fotbal
     
    Baseball
     
     

    Výstup:

    Nyní, 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í
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       Nyní 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í
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       Velká písmena:

        
       Sportovní
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       Malá písmena:

        
       Sportovní
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       Velká písmena Roman Nu mber s:

        
       Sportovní
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       

       Malá římská čísla:

        
       Sportovní
        
        
       Kriket
        
       Fotbal
        
       Baseball
        
        

       Výstup:

       

       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
        
        

       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.