Introduktion til HTML bestilt liste
I dette afsnit lærer vi, hvordan du implementerer bestilte lister i HTML. Hvordan beskrives eller vises en ordnet liste? Det er meget enkelt og nemt, de bruges til at beskrive listen over oplysninger i indholdet. Og en anden teknik er en enkelt liste kan have flere lister elementer på dem. Listerne i HTML kan klassificeres i tre typer, de er:
- Bestilt liste
- Uordnet liste
- Definitionsliste
I denne artikel skal vi gennemgå den bestilte listespecifikation med et eksempel. Den bestilte liste definerer den specifikke bestilte information, når en liste oprettes, for eksempel den viser ordinatoplysninger eller nummerering af informationen.
Syntaks for den ordnede liste
Ordnet liste oprettes ved hjælp af et navngivet tag
- element og slutter med
Eksempler på bestilt liste
Lad os se et eksempel nævnt nedenfor:
Eksempel 1
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
HTML Ordered List
There are 6 different airlines:
Jet Blue Airlines
Frontier Airlines
South West Airlines
Spirit Airlines
United Airlines
America Airlines
Produktion:
Dette giver dig resultatet som
Eksempel 2
Bestilt liste med farver. I det følgende eksempel har vi brugt den bestemte tællerejendom, definerer de automatiske tællelisteemner i
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
HTML Ordered List with colors
ol li (
counter-increment: list;
list-style-type: none;
position: relative;
)
ol li:before (
color: #ff0000;
content: counter(list) ".";
left: -22px;
position: absolute;
text-align: center;
width: 24px;
)
Norway is a Scandinavian Country
Oslo is the capital city
norway is known for its beauty, hiking, fishing
Ranked among the toppest country in europe
Produktion:
Typer af attributter til HTML-bestilt liste
For at repræsentere den bestilte liste er der fem vigtige typer attributter til dette tag. Som HTML
- tag repræsenterer listen over elementer i den bestilte liste, de kan enten være i alfanumerisk, numerisk eller blot alfabetisk rækkefølge, forudsat rækkefølge er den primære ting. Her er de mulige attributter på listen Bestilt:
- type = 'a' - Giver alfabetisk rækkefølge
- type = 'A' - giver store bogstaver alfabetisk rækkefølge
- type = 'i' - Angiver romertal med små bogstaver
- type = 'Jeg'-giver romerske store bogstaver
- trin
- Der skal være en foruddannelse inden for programmering af SAS og R.
- De skal have en stærk kaliber inden for kreativitet og analyse
- Alabama
- Montgomery
- Arizona
- Phoenix
- Californien
- Sacramento
- Ny trøje
- Trenton
- Washington
- Olympia
- Pennsylvannia
- Harrisburg
- Bestilt liste
- uordnet liste
- Definitionsliste
- Introduktion til liste
- Syntaks en liste
- Typer med et eksempel
- snapshots
1. Attributten Type
Denne attribut giver den type nummerering, der skal bruges på listen.
Denne type nummerering er nævnt nedenfor:
1. Attribut type = 'a'
Denne type bruges til at fremstille listen med alfabetiske bogstaver. Følgende eksempel viser den bestilte liste med små bogstaver og lavet den med kursiv.
Eksempel:
HTML Ordered List types
ol li span (
font-weight: normal;
)
Vidste du, at:
Færdigheder, der kræves for at blive datavidenskabsmand
Produktion:
2. Attributtype = 'A'
En ordnet liste kan have en attributtype med små bogstaver. Nedenstående eksempel viser, hvordan man bruger denne attribut i listestrukturen, og hvordan man skriver bogstaverne med fed skrift. For at have den bestilte liste med fed skrift erklæres det ved hjælp af tag.
Eksempel:
Example for Nested list
De Forenede Staters hovedstæder
ol (font-weight: modigere;
)
ol li span (
font-vægt: normal;
)
Produktion:
3. Attributtype = 'i'
Denne funktionalitet indikerer små bogstaver med små bogstaver.
Eksempel:
HTML Ordered List types
EDUCBA HTML-liste Tutorial:
produktion:
4. Attribut type = 'I'
Denne funktionalitet giver output i Upper Roman Numerals.
Eksempel:
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears- Quatar kendt for sine olie- og petrokemiske reserver
- Norge er kendt for naturens skønhed med olieproducent
- Singapore med globalt handelscenter
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever- tag brugt her er meget simpelt at huske.
Anbefalede artikler
Dette har været en guide til HTML-bestilte liste. Her drøfter vi deres typer med forskellige attributter af HTML sammen med eksempler. Du kan også se på de følgende artikler for at lære mere -
- HTML-rammer
- HTML-stilattribut
- Hvad er HTML5?
- HTML-teksteditorer
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
HTML Ordered List Demo
List of Vegetables
Carrot
Radish
Sweet Corn
Fruits List
Pomegrante
Bananas
Pears
Produktion:
2. Startattributten
Startattributten definerer startværdien for de bestilte listnumre. Du kan starte med et vilkårligt tal fra starten, ikke kun fra standardnummeret '1'. Eksempel: start = 6. Det er blevet brugt nu i HTML5.
Eksempel:
I det følgende eksempel har jeg brugt typetype til upper_alpha sammen med starten fra = 3, derfor vises output fra 'C'.
Example for Nested list
RICHEST LAND I VERDEN
ol (liste-stil-type: øvre alfa;font-weight: modigere;
)
ol li span (
font-vægt: normal;)
Produktion:
3. Omvendt attribut
Dette er den nye attribut introduceret i HTML5, som angiver, at emnerne vises i modsat rækkefølge i webbrowserne. At bruge,
- det er en boolsk attribut, der tager enhver værdi for at vende tælleren. erklæret
- i
- tag.
Eksempel:
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
HTML Ordered List
How to do Balle Technique
Turn out
Alignment
Pointed Toes
Balle Steps
Seven Movements
Plier
Etendre
Glisser
Eliever
Produktion:
Konklusion
Derfor har jeg til sidst opsummeret, hvad den bestilte liste har gjort, og den understøttes næsten i alle browsere. Bestemt, du kan oprette et vilkårligt antal lister i HTML-tagelementet, i denne artikel fokuserede vi bare på udvalgte eksempler for at forstå den grundlæggende implementering. Derfor er det måske ikke det sværeste job at lære dette emne