Lister er en af de vigtige måder at repræsentere data og information, hvor hver post vises på en enkelt linje. Der er forskellige måder at repræsentere data på en liste, såsom på en ordnet måde eller på en uordnet måde. Jeg vil dække følgende emner på denne liste i artikel:
- Typer af lister i HTML
- Uordnet HTML-liste
- Bestilt HTML-liste
- HTML-beskrivelseslister
- Indlejret liste i HTML
Typer af liste i HTML
Før vi begynder at oprette en liste, skal vi først se på HTML-tags:
-
-
- Bruges til at definere et listeelement
-
- Bruges til at definere et udtryk i en beskrivelsesliste
- Bruges til at beskrive udtrykket i en beskrivelsesliste
Lad os forstå, hvordan du kan oprette forskellige typer af en liste i HTML.
Uordnet liste
For at definere en ikke-ordnet liste i HTML bruger vi
- tag, og derefter definerer vi listen over emner i tag. Som standard er listen over varer markeret med kugler (dvs. små sorte cirkler).
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Uordnet HTML-liste: Forskellige varemarkører
Du kan vælge fra en liste over markører ved hjælp af CSS-liste-type-egenskab. Lad os se på forskellige egenskaber for CSS-listetypetype, som du kan bruge til at definere forskellige markørstil:
- disk : Indstiller markør for listeelement til punkttegn
- cirkel : Indstiller markør for listeelement til en cirkel
- firkant : Indstiller markeringselementmarkøren til en firkant
- ingen : Listeelementerne markeres ikke
Skive:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Cirkel:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Firkant:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Ingen:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Efter at have forstået, hvordan man opretter en ikke-ordnet liste i HTML, skal vi forstå, hvordan man opretter en ordnet liste i HTML.
Bestilt liste
For at definere en ordnet liste i HTML bruger vi tag, og derefter definerer vi listen over emner i tag.
Som standard er listen over emner markeret med tal.
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Lad os nu se på nogle af varianterne af ordnede lister.
Bestilt HTML-liste - Skriv attribut
Der er forskellige typer varemarkører til en ordnet liste:
type = ”1 ″ Listeelementerne nummereres med tal (standard)
type = ”A” Listeelementerne nummereres med store bogstaver
type = ”a” Listeelementerne nummereres med små bogstaver
type = ”I” Listeelementerne nummereres med store bogstaver
type = ”i” Listeelementerne nummereres med små bogstaver
Tal:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Store bogstaver:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Små bogstaver:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Store bogstaver Roman Nu mber s:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
Romerske små bogstaver:
Sport
- Cricket
- Fodbold
- Baseball
Produktion:
HTML-beskrivelseslister
Du kan også oprette beskrivelseslister i HTML. En beskrivelsesliste bruges til at oprette en ordliste og tilføje en beskrivelse til dem. Du opretter en beskrivelsesliste ved hjælp af
tag. tag definerer udtrykket &
lige i tide compiler java
Sport
- Cricket
- Cricket er et bat-and-ball-spil, der spilles mellem to hold på elleve spillere på en mark i midten, som er en 20 meter tonehøjde med en wicket i hver ende, der hver består af to bjælker afbalanceret på tre stubbe.
- Bordtennis
- Bordtennis, også kendt som bordtennis, er en sport, hvor to eller fire spillere rammer en let bold frem og tilbage over et bord ved hjælp af små ketsjere. Spillet foregår på et hårdt bord divideret med et net.
Produktion:
Indlejret liste i HTML
Du kan også oprette en indlejret liste i HTML.
Sport
- Bordtennis
- Cricket
- Virat kohli
- Joe Root
Produktion:
Efter at have udført ovenstående uddrag ville du have forstået, hvordan man opretter lister i HTML. Jeg håber, at denne blog er informativ og merværdi for dig.
Tjek vores som kommer med instruktørstyret live træning og projektoplevelse i det virkelige liv. Denne træning gør dig dygtig til at arbejde med back-end og front-end webteknologier. Det inkluderer træning i webudvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.
Har du et spørgsmål til os? Nævn det i kommentarfeltet på 'Liste i HTML' -blog, og vi vender tilbage til dig.