HTML-koden for indlejrede lister

HTML giver en fleksibel måde at oprette nestede lister gennem sine uordnede og bestilte listelementer. Disse kan indlejres inde i hinanden et ubegrænset antal gange for at hjælpe med at organisere hierarkiske data, såsom kapitel- og underkapiteloverskrifter i et online-dokument. Ved hjælp af nogle CSS-koder kan indlejrede lister styles, så de passer til brugerdefinerede behov, enten ved at give globale attributter til listen eller ved at bruge en anden stil til hvert lag af reden.

Typer af liste

Der er to typer lister, du kan bruge i HTML, og der er et element med elementelementer, som definerer elementerne for dem begge. Den første listetype er en uordnet liste, som kaldes af

    tags. Dette giver en punktliste - selvom du kan fjerne kuglerne inden for CSS ved at indstille listestilen til "ingen". Den anden er en ordnet liste kaldet med
      , som returnerer en nummereret liste. Mellem åbnings- og lukkekoderne definerer du hvert listeobjekt. For eksempel:

      • Liste 1
      • Liste 2

      Nested List

      For at oprette en indlejret liste skal du ringe et sekund

        eller
          før en given
        1. tag er blevet lukket Husk at lukke den nestede liste korrekt. Hvis du f.eks. Vil oprette en ordnet liste, der er nestet inden for en uordnet liste, skal du bruge følgende kode:

          • Liste 1
            1. Underliste Element 1
            2. Underliste Punkt 2
            3. Underliste Punkt 3
          • Liste 2

          Sørg for at lukke hvert punkt på listen og hver liste med lukkekode, f.eks

        2. ,
      og .

      Deklarere CSS

      Hvis du vil tilpasse udseendet på den nestede liste, skal du bruge CSS, som står for "Cascading Style Sheet." Æstetik og positionering af CSS er normalt indeholdt i et separat stilark, som kaldes fra mellem hovedetiketterne med kode svarende til følgende:

      CSS kan også erklæres "Inline", hvilket betyder i selve HTML-attributten selv, sådan:

        Inline CSS har forrang over kode i stilarket.

        I stilarket

        CSS-koden skal skrives i et bestemt format for at kunne fungere korrekt. I stilarket erklæres kode for hver attribut i følgende format:

        ul {

        attribut: værdi;

        }

        Dette ville give styling til den uordnede liste. At give styling til en indlejret

      • , brug følgende kode:

        li li {

        attribut: værdi;

        }

        Dette definerer koden for listeposten to lag dybt. Sørg for at alle "attribut: value" -linjerne er færdige med et halvt kolon, og sørg for, at de krøllede bånd omgiver det element, du definerer.

      Anbefalet