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
- Liste 1
- Liste 2
Nested List
For at oprette en indlejret liste skal du ringe et sekund
- eller
- 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
- Underliste Element 1
- Underliste Punkt 2
- Underliste Punkt 3
- Liste 2
Sørg for at lukke hvert punkt på listen og hver liste med lukkekode, f.eks
, - Liste 1
- før en given
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.
- , 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.
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