Hvordan implementere forskjellige typer lister i HTML?



Denne artikkelen vil gi deg en detaljert og omfattende kunnskap om forskjellige typer List i HTML med eksempler og kode.

Lister er en av de viktigste måtene å representere data og informasjon der hver post vises i en enkelt linje. Det er forskjellige måter å representere data på en liste, for eksempel på en ordnet måte, eller på en uordnet måte. Jeg vil dekke følgende emner i denne listen i artikkel:

Typer av liste i HTML

Før vi begynner å lage en liste, skal vi først se på HTML-kodene:





    • Brukes til å definere en ikke-ordnet liste
      1. Brukes til å definere en ordnet liste
      2. Brukes til å definere et listeelement
      3. Brukes til å definere en beskrivelsesliste
      4. Brukes til å definere et begrep i en beskrivelsesliste
      5. Brukes til å beskrive begrepet i en beskrivelsesliste

    La oss forstå hvordan du kan lage forskjellige typer en liste i HTML.

    Uordnet liste

    For å definere en uordnet liste i HTML bruker vi

      og deretter definerer vi listen over elementer i
    • stikkord. Som standard er listen over elementer merket med kuler (dvs. små svarte sirkler).



       

      Sport

      • Siriss
      • Fotball
      • Baseball

      Produksjon:

      puppet vs chef vs docker

      Ubestilt liste i HTML

      Ubestilt HTML-liste: Ulike varemarkører



      Du kan velge fra en liste over markører ved hjelp av CSS list-style-type property. La oss se på forskjellige egenskaper for CSS-listen-stil-typen du kan bruke til å definere forskjellige stil av markører:

      • plate : Setter listeelementmarkøren til punkttegn
      • sirkel : Setter listeelementmarkøren til en sirkel
      • torget : Setter listeelementmarkøren til en firkant
      • ingen : Listeelementene blir ikke merket

      Plate:

       

      Sport

      • Siriss
      • Fotball
      • Baseball

      Produksjon:

      Plate i HTMLSirkel:

       

      Sport

      • Siriss
      • Fotball
      • Baseball

      Produksjon:

      Sirkelliste i HTMLTorget:

       

      Sport

      • Siriss
      • Fotball
      • Baseball

      Produksjon:

      SquareIngen:

       

      Sport

      • Siriss
      • Fotball
      • Baseball

      Produksjon:

      NoneNå etter å ha forstått hvordan du oppretter en ikke-ordnet liste i HTML, la oss forstå hvordan du lager en ordnet liste i HTML.

      Bestilt liste

      For å definere en ordnet liste i HTML bruker vi

        og deretter definerer vi listen over elementer i
      1. stikkord.
        Som standard er listen over elementer merket med tall.

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        Bestilt liste i HTMLLa oss nå se på noen av variantene av bestilte lister.

        Bestilt HTML-liste - Skriv attributt

        Det er forskjellige typer varemerker for en bestilt liste:

        • type = ”1 ″ Listeelementene blir nummerert med tall (standard)

        • type = ”A” Listeelementene blir nummerert med store bokstaver

        • type = ”a” Listeelementene blir nummerert med små bokstaver

        • type = ”jeg” Listeelementene blir nummerert med store bokstaver

        • type = ”i” Listeelementene blir nummerert med små romerske tall

        Tall:

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        NumbersStore bokstaver:

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        Stor bokstavSmå bokstaver:

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        Liten bokstavStore bokstaver Roman Nu mber s:

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        Store bokstaver Roman Number

        Romerske små bokstaver:

         

        Sport

        1. Siriss
        2. Fotball
        3. Baseball

        Produksjon:

        Romerske små bokstaver

        HTML-beskrivelseslister

        Du kan også opprette beskrivelseslister i HTML. En beskrivelsesliste brukes til å lage en liste over termer og legge til en beskrivelse til dem. Du oppretter en beskrivelsesliste ved hjelp av

        stikkord.
        tag definerer begrepet &
        tag legger til beskrivelse for dem.

         

        Sport

        Siriss
        Cricket er et ball-og-ball-spill som spilles mellom to lag på elleve spillere på et felt i midten av det, er en 20 meter tonehøyde med en wicket i hver ende, som hver består av to bails balansert på tre stubber.
        Bordtennis
        Bordtennis, også kjent som bordtennis, er en sport der to eller fire spillere slår en lett ball frem og tilbake over et bord ved hjelp av små racketer. Spillet foregår på et hardt bord delt på et nett.

        Produksjon:

        Nestet liste i HTML

        Du kan også opprette en nestet liste i HTML.

         

        Sport

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

    Produksjon:

    Nå etter å ha utført kodene ovenfor, ville du ha forstått hvordan du oppretter lister i HTML. Jeg håper denne bloggen er informativ og gir merverdi for deg.

    hva er forskjellen mellom hashmap og hashtable

    Sjekk ut vår som kommer med instruktørstyrt liveopplæring og reell prosjektopplevelse. Denne opplæringen gjør deg dyktig i ferdigheter til å jobbe med back-end og front-end web-teknologier. Det inkluderer opplæring i webutvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.

    Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet på 'List in HTML' -bloggen, så kommer vi tilbake til deg.