Johdatus HTML-tilattuun luetteloon
Tässä osiossa opitaan kuinka järjestää tilatut luettelot HTML-muodossa. Kuinka kuvata tai näyttää tilattu luettelo? Se on hyvin yksinkertaista ja helppoa. Niitä käytetään kuvaamaan sisällön tietoluettelo. Ja toinen tekniikka on yksi luettelo, jossa voi olla useita luetteloelementtejä. HTML-luettelot voidaan luokitella kolmeen tyyppiin:
- Tilattu luettelo
- Järjestämätön luettelo
- Määritelmäluettelo
Tässä artikkelissa käydään läpi tilattu luettelomääritys esimerkillä. Tilattu luettelo määrittelee tietyt tilatut tiedot, kun luettelo luodaan, esimerkiksi se näyttää ordinaattitiedot tai tietojen numeroinnin.
Tilatun luettelon syntaksi
Tilattu luettelo luodaan tunnisteella
- elementti ja päättyy
Esimerkkejä tilatusta luettelosta
Katsotaanpa joitain alla mainittuja esimerkkejä:
Esimerkki 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
lähtö:
Tämä antaa sinulle tuloksen
Esimerkki 2
Tilattu lista väreillä. Seuraavassa esimerkissä olemme käyttäneet tiettyä laskurin ominaisuutta, määrittelevät automaattisen laskentaluettelon kohteet
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
lähtö:
HTML-tilatun luettelon ominaisuuksien tyypit
Tilatun luettelon esittämiseksi tälle tunnisteelle on viisi tärkeätä attribuuttityyppiä. HTML-muodossa
- tunniste edustaa tilatun luettelon kohteita. Ne voivat olla joko aakkosnumeerisessa, numeerisessa tai yksinkertaisesti aakkosjärjestyksessä edellyttäen, että järjestys on ensisijainen asia. Tässä on tilatun luettelon mahdolliset määritteet:
- type = 'a' - Antaa aakkosjärjestyksen
- type = 'A'- antaa isot kirjaimet aakkosjärjestykseen
- type = 'i' - antaa roomalaisen numeron pienillä kirjaimilla
- type = 'Minä- Antaa isot kirjaimet roomalaiset numerot
- askeleet
- SAS- ja R-ohjelmoinnissa tulisi olla etukäteen tuntemus.
- Heillä tulisi olla vahva luovuus ja analyysi
- Alabama
- Montgomery
- Arizona
- feeniks
- Kalifornia
- Sacramento
- Uusi paita
- Trenton
- Washington
- Olympia
- Pennsylvannia
- Harrisburg
- Tilattu luettelo
- järjestämätön luettelo
- Määritelmäluettelo
- Johdanto luetteloon
- Syntaksi luettelo
- Tyypit esimerkillä
- tilannekuvia
1. Tyyppi-määrite
Tämä ominaisuus antaa luettelossa käytettävän numerointityypin.
Tämän tyyppinen numerointi mainitaan alla:
1. Attribuutin tyyppi = 'a'
Tätä tyyppiä käytetään luettelon laatimiseen aakkosjärjestyksessä pienillä kirjaimilla. Seuraava esimerkki näyttää tilatun luettelon pienillä kirjaimilla ja teki siitä kursivoidun.
Esimerkki:
HTML Ordered List types
ol li span (
font-weight: normal;
)
Tiesitkö että:
Tietotieteilijäksi vaadittavat taidot
lähtö:
2. Attribuutin tyyppi = 'A'
Tilatussa luettelossa voi olla määritetyypin aakkoset pienillä kirjaimilla. Seuraava esimerkki osoittaa, kuinka tätä ominaisuutta voidaan käyttää luettelorakenteessa ja miten kirjeet tehdään lihavoituna. Jos tilattu luettelo on lihavoitu, se on ilmoitettava tunnisteella.
Esimerkki:
Example for Nested list
Yhdysvaltojen pääkaupungit
ol (fontti-paino: voimakkaampia;
)
ol li span (
kirjasinpaino: normaali;
)
lähtö:
3. Attribuutin tyyppi = 'i'
Tämä toiminto osoittaa pienet kirjaimet roomalaiset kirjaimet.
Esimerkki:
HTML Ordered List types
EDUCBA HTML -luettelon opetusohjelma:
lähtö:
4. Attribuutin tyyppi = 'I'
Tämä toiminnallisuus antaa tuloksen ylemmissä roomalaisissa numeroissa.
Esimerkki:
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- Kvatara tunnetaan öljy- ja petrokemiallisista varannoistaan
- Norja tunnetaan luonnon kauneudesta öljyntuottajan kanssa
- Singapore globaalin kaupan keskuksen kanssa
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- Tässä käytetty tunniste on erittäin helppo muistaa.
Suositellut artikkelit
Tämä on opas HTML-tilattuun luetteloon. Tässä keskustellaan niiden tyypeistä erilaisilla HTML-määritteillä yhdessä esimerkkien kanssa. Saatat myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -
- HTML-kehykset
- HTML-tyyliominaisuus
- Mikä on HTML5?
- HTML-tekstieditorit
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
lähtö:
2. Aloitusominaisuus
Start-määrite määrittelee tilattujen luettelonumeroiden aloitusarvon. Voit aloittaa millä tahansa numerolla alusta alkaen, ei vain oletusnumerolla '1'. Esimerkki: alku = 6. Sitä on käytetty nyt HTML5: ssä.
Esimerkki:
Seuraavassa esimerkissä olen käyttänyt tyyppityyppiä ylä_alfaan alussa = 3, siksi lähtö näytetään 'C': stä.
Example for Nested list
Rikkaimmat maat maailmassa
ol (list-style-type: ylä-alfa;fontti-paino: voimakkaampia;
)
ol li span (
kirjasinpaino: normaali;)
lähtö:
3.Käänteinen ominaisuus
Tämä on HTML5: ään otettu uusi ominaisuus, joka osoittaa, että kohteet näytetään päinvastaisessa järjestyksessä web-selaimissa. Käyttää,
- se on Boolen attribuutti, joka ottaa arvon siihen laskurin kääntämiseksi. julistettu
- että
- tag.
Esimerkki:
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
lähtö:
johtopäätös
Siksi olen loppujen lopuksi tehnyt tiivistelmän siitä, mitä tilattu luettelo on tehnyt, ja sitä tuetaan melkein kaikissa selaimissa. Voit varmasti luoda minkä tahansa määrän luetteloita HTML-tunniste-elementtiin, tässä artikkelissa keskityimme vain valittuihin esimerkkeihin ymmärtääksesi perustoteutusta. Siksi tämän aiheen oppiminen ei välttämättä ole vaikeinta työtä, kuten