Denne opplæringen vil forklare metoden for å lage liste i HTML.
Kan vi lage nestede lister i HTML?
En liste blir referert til som en nestet liste som er inkludert i en annen liste. Du kan bygge en nestet bestilt liste i en uordnet liste eller til og med en nestet uordnet liste. Husk at UL -taggen er "li”Element er dets eneste direkte etterkommer. Under det valgte elementet i hovedlisten kan du bygge den nestede uordnede listen.
Typer lister i HTML
I HTML er listene kategorisert i to typer:
Hvordan lage en enkel liste i HTML?
For å lage en enkel liste i HTML, lag først en beholder ved hjelp av "”Element. Design deretter en enkel liste ved å bruke "”Eller“
”.
Følg den gitte prosedyren for den praktiske demonstrasjonen.
Trinn 1: Legg til en div beholder
I HTML, først, legg til en DIV -beholder ved å bruke "”Tag som har klasse”innhold”.
Trinn 2: Design en enkel liste
Deretter, med det formål å utforme den enkle listen, legg til "”Element for den bestilte listen. Legg også til stilattributtet for å bruke inline styling på det definerte elementet. Legg dessuten til to “”Elementer i det. “
Det kan legges merke til at listen er opprettet med hell:
Hvordan lage en nestet liste i HTML?
For å lage en nestet liste i HTML, først, definere en liste ved hjelp av "”Eller“
”Og legg til en annen liste ved å følge den samme metoden.
Eksemplet nedenfor viser de to forskjellige elementene i den bestilte listen. Disse definerte kategoriene vil ha ytterligere underkategorier. Måten disse kategoriene er plassert i HTML -taggene vil fjerne forståelsen av emnet.
For å gjøre det, sjekk ut de under-nevnte instruksjonene.
Trinn 1: Lag en hovedliste
For å lage hovedlisten, bruk "”Eller“
”.
Trinn 2: Lag nestet liste
Da, innenfor "”Av hovedlisteelementet vil underkategorien bli opprettet. For dette opprettes kulelisten ved hjelp av “" stikkord. Denne uordnede listen inneholder flere elementer i
Produksjon
Fra output kan du se at vi har laget nestede lister i HTML.
Konklusjon
Mens du skriver et dokument, anses lister som en effektiv metode for å representere data. Det forenkler de lange setningene og gir hovedpoengene, som hjelper brukerne til å lese hovedideene enkelt. I HTML må vi være veldig forsiktige mens vi lager lister. Å lage bestilte eller uordnede lister HTML “”Og“
”Tagger brukes henholdsvis. For å legge til listeinnholdet, HTML