økonomi og skatt

HTML-koden for nestede lister

HTML gir en fleksibel måte å lage nestede lister gjennom sine uordnede og bestilte listelementer. Disse kan være nestet innbyrdes hverandre et ubegrenset antall ganger for å hjelpe til med å organisere hierarkiske data, for eksempel kapittel og underkapitteloverskrifter i et elektronisk dokument. Ved hjelp av noen CSS-kode kan nestede lister utformes slik at de passer til tilpassede behov, enten ved å gi globale attributter til listen eller ved å bruke en annen stil for hvert lag av reden.

Typer av liste

Det finnes to typer lister du kan bruke i HTML, og det finnes et element for elementelementer som definerer elementene for begge. Den første listetypen er en uordnet liste, som kalles av

    tags. Dette gir en punktliste - selv om du kan fjerne kulene i CSS ved å sette listestilen til "ingen". Den andre er en bestilt liste, kalt med
      , som returnerer en nummerert liste. Mellom åpnings- og lukkekoder definerer du hvert listeelement. For eksempel:

      • Liste 1
      • Liste 2

      Nested List

      For å opprette en nestet liste må du ringe et sekund

        eller
          før en gitt
        1. taggen er stengt Pass på å lukke den nestede listen riktig. For eksempel, for å lage en bestilt liste som er nestet i en uordnet liste, bruk følgende kode:

          • Liste 1
            1. Deleliste 1
            2. Deleliste element 2
            3. Deleliste 3
          • Liste 2

          Pass på at du lukker hvert element i listen og hver liste med lukkekode, for eksempel

          2. ,
      og .

      Deklarere CSS

      Hvis du vil tilpasse utseendet på den nestede listen, må du bruke CSS, som står for "Cascading Style Sheet." Estetikk og posisjonering av CSS er vanligvis inneholdt i et eget stilark, som kalles fra mellom hodetakene med kode som ligner på følgende:

      CSS kan også deklareres "Inline", som betyr i selve HTML-attributten, slik:

        Inline CSS har forrang over kode i stilarket.

        I stilarket

        CSS-koden må skrives i et bestemt format for å fungere riktig. I stilarket erklærer du koden for hvert attributt i dette følgende formatet:

        ul {

        attributt: verdi;

        }

        Dette ville gi styling til den uordnede listen. Å gi styling til en nestet

      • , bruk følgende kode:

        li li {

        attributt: verdi;

        }

        Dette definerer koden for listeposten to lag dypt. Forsikre deg om at alle "attributt: verdi" linjene er ferdig med et halvt kolon, og sørg for at de krøllete båndene omgir elementet du definerer.

      none

      Anbefalt