Hvordan implementeres forskellige typer lister i HTML?



Denne artikel giver dig en detaljeret og omfattende viden om forskellige typer Liste i HTML med eksempler og kode.

Lister er en af ​​de vigtige måder at repræsentere data og information, hvor hver post vises på en enkelt linje. Der er forskellige måder at repræsentere data på en liste, såsom på en ordnet måde eller på en uordnet måde. Jeg vil dække følgende emner på denne liste i artikel:

Typer af liste i HTML

Før vi begynder at oprette en liste, skal vi først se på HTML-tags:





    • Bruges til at definere en ikke-ordnet liste
      1. Bruges til at definere en ordnet liste
      2. Bruges til at definere et listeelement
      3. Bruges til at definere en beskrivelsesliste
      4. Bruges til at definere et udtryk i en beskrivelsesliste
      5. Bruges til at beskrive udtrykket i en beskrivelsesliste

    Lad os forstå, hvordan du kan oprette forskellige typer af en liste i HTML.

    Uordnet liste

    For at definere en ikke-ordnet liste i HTML bruger vi

      tag, og derefter definerer vi listen over emner i
    • tag. Som standard er listen over varer markeret med kugler (dvs. små sorte cirkler).



       

      Sport

      • Cricket
      • Fodbold
      • Baseball

      Produktion:

      Uordnet liste i HTML

      Uordnet HTML-liste: Forskellige varemarkører



      Du kan vælge fra en liste over markører ved hjælp af CSS-liste-type-egenskab. Lad os se på forskellige egenskaber for CSS-listetypetype, som du kan bruge til at definere forskellige markørstil:

      • disk : Indstiller markør for listeelement til punkttegn
      • cirkel : Indstiller markør for listeelement til en cirkel
      • firkant : Indstiller markeringselementmarkøren til en firkant
      • ingen : Listeelementerne markeres ikke

      Skive:

       

      Sport

      • Cricket
      • Fodbold
      • Baseball

      Produktion:

      Disk i HTMLCirkel:

       

      Sport

      • Cricket
      • Fodbold
      • Baseball

      Produktion:

      Cirkeliste i HTMLFirkant:

       

      Sport

      • Cricket
      • Fodbold
      • Baseball

      Produktion:

      SquareIngen:

       

      Sport

      • Cricket
      • Fodbold
      • Baseball

      Produktion:

      NoneEfter at have forstået, hvordan man opretter en ikke-ordnet liste i HTML, skal vi forstå, hvordan man opretter en ordnet liste i HTML.

      Bestilt liste

      For at definere en ordnet liste i HTML bruger vi

        tag, og derefter definerer vi listen over emner i
      1. tag.
        Som standard er listen over emner markeret med tal.

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        Ordnet liste i HTMLLad os nu se på nogle af varianterne af ordnede lister.

        Bestilt HTML-liste - Skriv attribut

        Der er forskellige typer varemarkører til en ordnet liste:

        • type = ”1 ″ Listeelementerne nummereres med tal (standard)

        • type = ”A” Listeelementerne nummereres med store bogstaver

        • type = ”a” Listeelementerne nummereres med små bogstaver

        • type = ”I” Listeelementerne nummereres med store bogstaver

        • type = ”i” Listeelementerne nummereres med små bogstaver

        Tal:

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        NumbersStore bogstaver:

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        Stort bogstavSmå bogstaver:

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        Lille bogstavStore bogstaver Roman Nu mber s:

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        Store bogstaver

        Romerske små bogstaver:

         

        Sport

        1. Cricket
        2. Fodbold
        3. Baseball

        Produktion:

        Romerske små bogstaver

        HTML-beskrivelseslister

        Du kan også oprette beskrivelseslister i HTML. En beskrivelsesliste bruges til at oprette en ordliste og tilføje en beskrivelse til dem. Du opretter en beskrivelsesliste ved hjælp af

        tag.
        tag definerer udtrykket &
        tag tilføjer beskrivelse til dem.

        lige i tide compiler java
         

        Sport

        Cricket
        Cricket er et bat-and-ball-spil, der spilles mellem to hold på elleve spillere på en mark i midten, som er en 20 meter tonehøjde med en wicket i hver ende, der hver består af to bjælker afbalanceret på tre stubbe.
        Bordtennis
        Bordtennis, også kendt som bordtennis, er en sport, hvor to eller fire spillere rammer en let bold frem og tilbage over et bord ved hjælp af små ketsjere. Spillet foregår på et hårdt bord divideret med et net.

        Produktion:

        Indlejret liste i HTML

        Du kan også oprette en indlejret liste i HTML.

         

        Sport

        • Bordtennis
        • Cricket
          • Virat kohli
          • Joe Root
      2. Basketball

    Produktion:

    Efter at have udført ovenstående uddrag ville du have forstået, hvordan man opretter lister i HTML. Jeg håber, at denne blog er informativ og merværdi for dig.

    Tjek vores som kommer med instruktørstyret live træning og projektoplevelse i det virkelige liv. Denne træning gør dig dygtig til at arbejde med back-end og front-end webteknologier. Det inkluderer træning i webudvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.

    Har du et spørgsmål til os? Nævn det i kommentarfeltet på 'Liste i HTML' -blog, og vi vender tilbage til dig.