HTML-i tellitud nimekiri - Atribuutide tüübid süntaksi ja näidetega



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


1. 

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


2. 

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


3. 

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


4. 

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



Väljund:

HTML-i tellitud loendi atribuutide tüübid

Tellitud loendi esindamiseks on selle sildi jaoks viis olulist tüüpi atribuute. Nagu HTML

silt tähistab tellitud loendis olevate üksuste loendit. Need võivad olla kas tähtnumbrilised, numbrilised või lihtsalt tähestikulises järjekorras, kui järjekord on esmane. Siin on tellitud loendi võimalikud atribuudid:

1. Atribuut Type

See atribuut annab loendis kasutatava numeratsiooni tüübi.

• type = 'a' - annab tähestikulises järjekorras
• type = 'A'- annab suurtähtede tähestikulises järjekorras
• type = 'i' - annab Rooma numbri väiketähtedega
• type = 'Ma- Annab suure tähega Rooma numbrid

Seda tüüpi numeratsiooni mainitakse allpool:

1. Atribuudi tüüp = 'a'

Loendi koostamiseks tähestikulises väiketähes kasutatakse seda tüüpi. Järgmine näide näitab tellitud loendit väiketähtedega ja selle kaldkirjas.

Näide:



HTML Ordered List types

ol li span (
font-weight: normal;
)


Kas teadsite, et:

Andmeteadlaseks saamiseks vajalikud oskused



1. sammud
2. SAS ja R programmeerimisel peaksid olema eelteadmised.
3. Neil peaks olema tugev loovus ja analüüs

Väljund:



2. Atribuudi tüüp = 'A'

Tellitud loendis võib olla atribuudi tüüp tähestiku väiketähed. Allpool toodud näites on näidatud, kuidas seda atribuuti loendistruktuuris kasutada ja kuidas teha tähti paksus kirjas. Kui tellitud loend on paksus kirjas, tuleb see deklareerida sildi abil.

Näide:



Example for Nested list



Ameerika Ühendriikide osariikide pealinnad

ol (
kirjasuurus: julgem;
)
ol li span (
kirjasuurus: normaalne;
)



1. Alabamas
   
   • Montgomery
2. Arizona
   
   • Fööniks
3. Californias
   
   • Sacramento
4. Uus kampsun
   
   • Trenton
5. Washington
   
   • Olümpia
6. Pennsylvannia
   
   • Harisburg

Väljund:



3. Atribuudi tüüp = 'i'

See funktsioon tähistab väiketähti ladina tähtedega.

Näide:



HTML Ordered List types



EDUCBA HTML-loendi õpetus:



4. Tellitud nimekiri
5. järjestamata nimekiri
6. Mõistete loetelu
   
   
   
   1. Sissejuhatus loendisse
   2. Loendi süntaks
   3. Tüübid koos näitega
      
7. Hetktõmmised

väljund:



4. Atribuudi tüüp = 'I'

See funktsioon annab väljundi rooma numbritega.

Näide:



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


1. 

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


2. 

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


3. 

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


1. 

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


   1. 

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


   2. 

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


   3. 

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



Väljund:



2. Atribuut algus

Atribuut algus määratleb tellitud loendinumbrite algväärtuse. Võite alustada mis tahes numbriga algusest peale, mitte ainult vaikenumbrist '1'. Näide: algus = 6. Seda on HTML5-s nüüd kasutatud.

Näide:

Järgnevas näites olen kasutanud ülemist tüüpi alfa jaoks stiilitüüpi koos algusega = 3, seetõttu näidatakse väljundit C-st.



Example for Nested list



Rikkaimad riigid maailmas

ol (list-style-type: ülemine alfa;
kirjasuurus: julgem;
)
ol li span (
kirjasuurus: normaalne;)



3. Quatar on tuntud oma nafta- ja naftakeemiavarude poolest
4. Naftatootjaga tuntud Norra looduse ilu poolest
5. Singapur koos globaalse kaubanduskeskusega

Väljund:



3.Pöördomadus

See on HTML5-s kasutusele võetud uus atribuut, mis näitab, et üksusi kuvatakse veebibrauserites vastupidises järjekorras. Kasutada,

see on Boole'i ​​atribuut, mis võtab loenduri tagurdamiseks mis tahes väärtuse. Kuulutatud
sisse
silt.

Näide:



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


1. 

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


2. 

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


3. 

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


1. 

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


2. 

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


3. 

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


4. 

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


5. 

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



Väljund:



Järeldus

Seetõttu olen lõpetuseks teinud kokkuvõtte sellest, mida tellitud nimekiri on teinud ja seda toetatakse peaaegu kõigis brauserites. Kindlasti saate HTML-märgendielemendis luua suvalise arvu loendeid. Selles artiklis keskendusime lihtsalt valitud näidetele, et mõista põhilist rakendust. Seega ei pruugi selle teema õppimine olla kõige raskem töö, nagu

1. siin kasutatavat silti on väga lihtne meelde jätta.

   Soovitatavad artiklid

   See on olnud HTML-i tellitud loendi juhend. Siin käsitleme nende tüüpe HTML-i erinevate atribuutidega koos näidetega. Võite lisateabe saamiseks vaadata ka järgmisi artikleid -

   1. HTML-raamid
   2. HTML-i stiili atribuut
   3. Mis on HTML5?
   4. HTML-tekstiredaktorid