Lister er en av de viktigste måtene å representere data og informasjon der hver post vises i en enkelt linje. Det er forskjellige måter å representere data på en liste, for eksempel på en ordnet måte, eller på en uordnet måte. Jeg vil dekke følgende emner i denne listen i artikkel:
- Typer lister i HTML
- Ubestilt HTML-liste
- Bestilt HTML-liste
- HTML-beskrivelseslister
- Nestet liste i HTML
Typer av liste i HTML
Før vi begynner å lage en liste, skal vi først se på HTML-kodene:
-
-
- Brukes til å definere et listeelement
-
- Brukes til å definere et begrep i en beskrivelsesliste
- Brukes til å beskrive begrepet i en beskrivelsesliste
La oss forstå hvordan du kan lage forskjellige typer en liste i HTML.
Uordnet liste
For å definere en uordnet liste i HTML bruker vi
- og deretter definerer vi listen over elementer i stikkord. Som standard er listen over elementer merket med kuler (dvs. små svarte sirkler).
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
puppet vs chef vs docker
Ubestilt HTML-liste: Ulike varemarkører
Du kan velge fra en liste over markører ved hjelp av CSS list-style-type property. La oss se på forskjellige egenskaper for CSS-listen-stil-typen du kan bruke til å definere forskjellige stil av markører:
- plate : Setter listeelementmarkøren til punkttegn
- sirkel : Setter listeelementmarkøren til en sirkel
- torget : Setter listeelementmarkøren til en firkant
- ingen : Listeelementene blir ikke merket
Plate:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Sirkel:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Torget:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Ingen:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Nå etter å ha forstått hvordan du oppretter en ikke-ordnet liste i HTML, la oss forstå hvordan du lager en ordnet liste i HTML.
Bestilt liste
For å definere en ordnet liste i HTML bruker vi og deretter definerer vi listen over elementer i stikkord.
Som standard er listen over elementer merket med tall.
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
La oss nå se på noen av variantene av bestilte lister.
Bestilt HTML-liste - Skriv attributt
Det er forskjellige typer varemerker for en bestilt liste:
type = ”1 ″ Listeelementene blir nummerert med tall (standard)
type = ”A” Listeelementene blir nummerert med store bokstaver
type = ”a” Listeelementene blir nummerert med små bokstaver
type = ”jeg” Listeelementene blir nummerert med store bokstaver
type = ”i” Listeelementene blir nummerert med små romerske tall
Tall:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Store bokstaver:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Små bokstaver:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Store bokstaver Roman Nu mber s:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
Romerske små bokstaver:
Sport
- Siriss
- Fotball
- Baseball
Produksjon:
HTML-beskrivelseslister
Du kan også opprette beskrivelseslister i HTML. En beskrivelsesliste brukes til å lage en liste over termer og legge til en beskrivelse til dem. Du oppretter en beskrivelsesliste ved hjelp av
stikkord. tag definerer begrepet &
Sport
- Siriss
- Cricket er et ball-og-ball-spill som spilles mellom to lag på elleve spillere på et felt i midten av det, er en 20 meter tonehøyde med en wicket i hver ende, som hver består av to bails balansert på tre stubber.
- Bordtennis
- Bordtennis, også kjent som bordtennis, er en sport der to eller fire spillere slår en lett ball frem og tilbake over et bord ved hjelp av små racketer. Spillet foregår på et hardt bord delt på et nett.
Produksjon:
Nestet liste i HTML
Du kan også opprette en nestet liste i HTML.
Sport
- Bordtennis
- Siriss
- Virat kohli
- Joe Root
Produksjon:
Nå etter å ha utført kodene ovenfor, ville du ha forstått hvordan du oppretter lister i HTML. Jeg håper denne bloggen er informativ og gir merverdi for deg.
hva er forskjellen mellom hashmap og hashtable
Sjekk ut vår som kommer med instruktørstyrt liveopplæring og reell prosjektopplevelse. Denne opplæringen gjør deg dyktig i ferdigheter til å jobbe med back-end og front-end web-teknologier. Det inkluderer opplæring i webutvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.
Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet på 'List in HTML' -bloggen, så kommer vi tilbake til deg.