Bestilte lister i HTML

Bestilte lister i HTML er de der alle elementene på listen er plassert i en riktig sekvens av tall, alfabeter eller romertall. Disse listene er veldig nyttige når du ønsker å liste opp flere elementer som skal oppstå i en viss rekkefølge. I denne guiden vil vi dele med deg de forskjellige eksemplene som vil skildre bruken av de bestilte listene i HTML.

Bruke de bestilte listene i HTML

De bestilte listene i HTML kan brukes på flere måter. Følgende fire eksempler vil demonstrere noen av deres bruksscenarier:

Eksempel 1: Enkel bruk av de bestilte listene

I dette eksemplet lærer vi å lage en enkel bestilt liste i HTML. For å gjøre det, må du gå gjennom HTML -skriptet som vises i følgende bilde:

De bestilte listene i HTML kan opprettes ved å bruke "ol" -koden. Når du har brukt denne taggen, nevner du alle elementene i denne bestilte listen ved å legge dem inn i "Li" -merket. I dette eksemplet lager vi en bestilt liste over tre kurs. Derfor bruker vi “OL” -koden etterfulgt av de tre “Li” -merket i dette skriptet.

Etter å ha lagret dette skriptet og utført det i nettleseren vår, vises følgende webside på skjermen vår. Du kan se at våre spesifiserte kurs vises i form av en bestilt liste på denne websiden.

Eksempel nr. 2: Bestilte lister med store bokstaver

Det er ikke nødvendig å bare ha den bestilte listen over tall. Vi kan også ha de bestilte listene med alfabeter. HTML -skriptet som vises i følgende bilde vil demonstrere hvordan du oppretter en bestilt liste med store bokstaver i HTML.

I dette HTML -skriptet viser vi de tre forskjellige retningene i form av en bestilt liste. Denne gangen ønsker vi imidlertid en bestilt liste over store bokstaver. Derfor bruker vi en ekstra "type" attributt med "ol" -koden for å nevne den nøyaktige typen på den bestilte listen. Vi utjevner denne attributtet til “A” for å lage en bestilt liste med store bokstaver Alfabeter. Deretter nevner vi ganske enkelt alle elementene i denne bestilte listen med "li" -merket.

Vår bestilte liste med store bokstaver er vist i følgende bilde:

Merk: Hvis du erstatter “A” i forrige skript med “A”, “I”, “I” eller “1”, vil den bestilte listen vår ha små bokstaver, store saker romertall, romertall med små bokstaver eller henholdsvis tall. Som standard omfatter en bestilt liste i HTML imidlertid tall. Derfor trenger du ikke spesifikt nevne typen “1” i dette tilfellet.

Eksempel nr. 3: Bestilte lister med et tilfeldig utgangspunkt

Noen ganger vil du ikke at den bestilte listen skal starte med “1”. Snarere vil du ha et tilfeldig utgangspunkt for det. For å gjøre det, kan du bruke HTML -skriptet som vises i følgende bilde:

I dette skriptet vil vi at den bestilte listen skal starte fra nummeret “10”. Derfor bruker vi "Start" -attributtet med "OL" -merket og utjevner den til "10". Deretter nevner vi de tre forskjellige elementene med "li" -merket.

Vår bestilte liste med et utgangspunkt for vårt valg annet enn “1” vises i følgende bilde:

Eksempel 4: Nestede bestilte lister

I dette eksemplet lærer vi å lage de nestede bestilte listene, jeg.e. bestilte lister i en bestilt liste i HTML. HTML -skriptet for dette formålet vises i følgende bilde:

I dette eksemplet ønsker vi å ha en ytre bestilt liste over de forskjellige drinkene. Inne i hver kategori ønsket vi å ha de indre bestilte listene for å nevne de forskjellige drinkene som tilhører hver av disse kategoriene. Derfor nestet vi “ol” og “li” -merker deretter i HTML -skriptet vist i forrige bilde.

Følgende webside viser vår nestede bestilte liste i HTML:

Konklusjon

Denne opplæringen er å diskutere bruken av de bestilte listene i HTML. Vi ga deg en kort introduksjon av de bestilte listene i HTML etterfulgt av noen få eksempler som var ment å gi mer klarhet i dette konseptet. Etter å ha forstått disse eksemplene godt, vil du kunne bruke de bestilte listene i HTML ganske effektivt.