Ena od vrst seznamov, implementiranih v HTML, je seznam z oznakami. V nasprotnem primeru se seznami te vrste imenujejo neoštevilčeni ali neurejeni. Priimek se pogosto uporablja kot formalni prevod imena ustrezne oznake

, s pomočjo katerega so tovrstni seznami organizirani v dokumentih HTML (UL - Unordered List, neurejen seznam).

Na označenem seznamu se za označevanje elementov uporabljajo posebni znaki, imenovani označevalci seznama (pogosto se imenujejo oznake, kar je uradna izgovorjava angleškega izraza bullet). Videz oznak seznama določa brskalnik, pri ustvarjanju ugnezdenih seznamov pa brskalniki samodejno popestrijo videz oznak na različnih ravneh gnezdenja.

Oznake

in

Če želite ustvariti označeni seznam, morate uporabiti oznako vsebnika, znotraj katere se nahajajo vsi elementi seznama. Oznaki začetnega in končnega seznama zagotavljata prelom vrstice pred in za seznamom in tako ločita seznam od glavne vsebine dokumenta, zato tukaj ni treba uporabljati oznak odstavkov


.

Vsak element seznama se mora začeti z oznako

• (LI - Element seznama, element seznama). Oznaka
• ne zahteva ustrezne zaključne oznake, čeprav njena prisotnost načeloma ni prepovedana. Brskalniki se običajno zaženejo vsakič, ko prikažejo dokument. nov element seznam iz nove vrstice.

  Zagotovljene informacije zadoščajo za izdelavo osnovnega označenega seznama. Navedimo primer dokumenta HTML z uporabo označenega seznama, katerega prikaz v brskalniku je prikazan na sliki. 2.1.

  Znaki zodiaka:

  • Oven

  • Bik

  • Dvojčki

  • Devica

  • Luske

  • Škorpijon

  • Strelec

  • Kozorog

  • Vodnar

  • ribe

  riž. 2.1. Prikaz označenega seznama v brskalniku

  Upoštevajte, da poleg elementov seznama, označenih z oznako

• , so lahko prisotni drugi elementi HTML. V zgornjem primeru je eden od teh elementov navadno besedilo, ki ni element seznama, ampak deluje kot njegov naslov.

  Opomba

  Nekateri učbeniki o jeziku HTML kažejo, da je treba za nastavitev naslova seznama uporabiti oznako vsebnika (LH - Glava seznama, glava seznama). Te oznake trenutno ne prepozna noben običajni brskalnik in ni del specifikacije HTML. Tako postane njegova uporaba nesmiselna, čeprav ne bo povzročila nobenih napak.

  V oznaki

  določite lahko dva parametra: COMPACT in TYPE.

  Parameter COMPACT je zapisan brez vrednosti in se uporablja, da brskalniku nakaže, da ta seznam mora biti predstavljen v strnjeni obliki. Na primer, pisava ali razdalja med vrsticami seznama itd. se lahko zmanjša.

  Opomba

  Trenutno prisotnost parametra COMPACT v oznaki

  na noben način ne vpliva na prikaz seznamov v vodilnih brskalnikih. Zato aplikacija ta parameter je brez pomena, še posebej, ker njegove uporabe ne priporoča specifikacija HTML 4.0.

  Parameter TYPE ima lahko naslednje vrednosti: disk, krog in kvadrat. Ta parameter se uporablja za prisilno prikazovanje oznak na seznamu. Natančna vrsta markerja bo odvisna od brskalnika, ki ga uporabljate. Tipične možnosti prikaza so naslednje:

  TYPE = disk - oznake so prikazane kot zapolnjeni krogi; TYPE = krog - oznake so prikazane kot prazni krogi; TYPE = kvadrat - oznake so prikazane kot zapolnjeni kvadrati. Primer vnosa:

  .

  Privzeta vrednost je TYPE = disk. Za ugnezdene sezname z oznakami je privzeta vrednost disk na prvi ravni, krog na drugi ravni, kvadrat na tretji ravni in naprej. Prav to se dela v najnovejše različice Brskalniki Netscape in internet Explorer. Upoštevajte, da lahko drugi brskalniki prikazujejo oznake drugače. Na primer, v Specifikacije HTML 4.0 za vrsto označevalca, prikazanega, ko je vrednost TYPE = kvadrat, je prikazan nezapolnjen kvadrat (oris kvadrata).

  Parameter TYPE z enakimi vrednostmi lahko uporabite za določanje vrste označevalcev za posamezne elemente seznama. Če želite to narediti, je parameter TYPE z ustrezno vrednostjo dovoljeno določiti v oznaki elementa seznama

  • .

    Primer vnosa:

  • .

    Opomba

    Brskalniki različno razlagajo specifikacijo vrste oznake za posamezen element seznama. Brskalnik Netscape spremeni videz označevalca za tega in vse naslednje, dokler ne naleti na naslednjo redefinicijo videza označevalca. Internetni brskalnik Raziskovalec spremeni videz označevalca samo za ta element.

    Grafični označevalci seznamov

    Grafične slike lahko uporabite kot oznake na seznamu, kar se pogosto uporablja za ustvarjanje privlačnih, dobro oblikovanih dokumentov HTML. Pravzaprav taka priložnost ni zagotovljena neposredno jezik HTML, vendar se izvaja nekoliko umetno. To ne pomeni, da takšno početje ni priporočljivo ali zavrženo, temveč le, da tukaj ne bodo uporabljeni posebni jezikovni konstrukti HTML.

    Da bi razumeli idejo, morate razumeti mehanizem za implementacijo seznamov na strani HTML. Izkazalo se je, da oznaka seznama

    (kot dejansko seznamske oznake drugih vrst, obravnavanih spodaj) opravlja eno samo nalogo - brskalniku pove, da morajo biti vse informacije, ki se nahajajo za to oznako, prikazane premaknjene v desno (zamaknjene) za določeno količino. Oznake
    • , ki kažejo na posamezne elemente seznama, nudijo standardne oznake elementov seznama.

      Če moramo sestaviti seznam z grafičnimi označevalci, potem lahko povsem brez oznak

    • . Dovolj bo, da pred vsak element seznama vstavite želeno grafično podobo. Edina težava, ki jo je treba rešiti, je ločevanje elementov seznama drug od drugega. Za to lahko uporabite oznake odstavkov

      Ali prisilno podajanje vrstice
      . Primer izvedbe seznama z grafičnimi označevalci, katerega prikaz je prikazan na sl. 2.2 je prikazano spodaj:

      ki bo posredovan samo enkrat. Velikosti datotek majhne slike so prav tako izjemno majhne.

      Opomba

      Metode za ustvarjanje seznamov z grafičnimi oznakami so obravnavane v 8. poglavju.

      
      

      Glavne uporabe seznamov:

      Oštevilčeno - za seznam elementov, ki sledijo v strogo določenem vrstnem redu.

      Označeno - za seznam elementov v naključnem vrstnem redu.

      Večnivojski - za določitev informacij določenih elementov.

      Seznam definicij - uporablja se za oblikovanje slovarjev.

      HTML stran s oštevilčenim seznamom

      Oznake se uporabljajo za ustvarjanje oštevilčenih seznamov

      1. Oznaka

         Oznaka

         1. Elementi seznama so privzeto oštevilčeni v vrstnem redu 1, 2, 3 ... Z atributom TYPE lahko spremenite slog oštevilčenja.

            Oštevilčevanje vrednosti TIP A A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..

            Če že dodate obstoječi seznam nove vrednosti, bo brskalnik samodejno znova izračunal.

            Z uporabo atributov ZAČETNA VREDNOST lahko spremenite vrstni red oštevilčenja seznama.

            START - služi za določitev začetne številke seznama, ki se razlikuje od 1.

            VREDNOST - omogoča dodelitev poljubne številke kateremu koli elementu seznama.

            primer:

            Stran html z označenim seznamom

            Oznake se uporabljajo za ustvarjanje označenih seznamov

            Oznaka

            Začetek/konec celotnega seznama je označen.

            Oznaka

            • označujejo začetek/konec posameznega elementa seznama.

              Elementi seznama so privzeto označeni s črnim krogom. Z atributom TYPE lahko spremenite slog označevanja.

              Znotraj enega seznama lahko uporabite različne oznake za elemente seznama.

              primer:

              Večnivojska html stran s seznamom

              Če želite ustvariti večnivojske sezname, lahko uporabite označene ali oštevilčene sezname ali kombinacijo obeh. Večnivojski seznam se ustvari z ugnezdenjem enega seznama v telo drugega. Glavna naloga je, da se ne zmedete. Za to vam svetujem, da naredite različne alineje za posamezne sezname.

              Seznami definicij strani html

              Za ustvarjanje seznamov definicij se uporabljajo tri oznake:

              - začetek/konec seznama.

              - začetek/konec določenega roka.

              - začetek/konec pojasnjevalnega člena izraza.

              Oznake

              in

              ni treba menjavati. Tisti. Na eno definicijo lahko »povežeš« več izrazov in obratno.

              primer:

              koda HTML: 1. termin Povzetek1 k terminu 1 Povzetek 2 k 1. terminu

              Prikaz brskalnika: Termin 1 Izvleček1 v termin 1 Izvleček2 v termin 1

              Ker so na tem spletnem mestu za nekatere elemente uporabljeni določeni slogi, je njihov prikaz v tabeli nekoliko drugačen od tistega, kar boste dobili.

              Seznami HTML uporablja za združevanje povezanih informacij. Obstajajo tri vrste seznamov:

              označeni seznam —

              - vsak element seznama
              • označeno z markerjem,
                oštevilčen seznam —
                - vsak element seznama
                1. označeno s številko
                   seznam definicij- - je sestavljen iz terminskih parov
                   —
                   definicija.

                   Vsak seznam je vsebnik, znotraj katerega se nahajajo elementi seznama ali pari izraz-definicija. Elementi seznama se obnašajo kot elementi bloka, ki so zloženi drug pod drugim in zasedajo celotno širino bloka vsebnika. Vsaka postavka seznama ima ob strani dodaten blok, ki ne sodeluje pri postavitvi.

                   Ustvarjanje seznamov HTML

                   1. Seznam z oznakami

                   Seznam z oznakami je neurejen seznam (iz angleškega neurejenega seznama). Ustvarjeno z uporabo seznanjene oznake

                   . Oznaka elementa seznama je oznaka, na primer zapolnjen krog.

                   Brskalniki bloku seznama privzeto dodajo naslednje oblikovanje:

                   Vsak element seznama je ustvarjen z uporabo seznanjene oznake

                2. (iz angleščine List Item).
                na voljo.
                • Microsoft
                • Google
                • Apple
                riž. 1. Seznam z oznakami

                2. Oštevilčen seznam

                Oštevilčen seznam se ustvari z uporabo seznanjene oznake. Vsak element seznama je prav tako ustvarjen z uporabo elementa

              • . Brskalnik samodejno oštevilči elemente po vrstnem redu in če izbrišete enega ali več elementov takšnega seznama, bodo preostale številke samodejno preračunane.

                Blok seznama ima tudi privzete sloge brskalnika:

              • Na voljo je atribut vrednosti, ki vam omogoča, da spremenite privzeto številko za izbrano postavko seznama. Na primer, če za prvi element na seznamu nastavite
              • , potem bo preostalo oštevilčenje preračunano glede na novo vrednost.

                Za oznako

                Na voljo so naslednji atributi:
                Tabela 1. Atributi oznake

                Atribut	Opis, sprejeta vrednost
                obrnjeno	Atribut reversed povzroči, da je seznam prikazan v obratnem vrstnem redu (na primer 9, 8, 7 ...).
                začetek	Začetni atribut določa začetno vrednost, od katere se začne oštevilčenje, na primer konstrukcija prvemu artiklu bo dodeljena serijska številka "10". Hkrati lahko določite tudi vrsto oštevilčenja, npr. .
                vrsta	Atribut tipa določa vrsto označevalca, ki bo uporabljen na seznamu (črke ali številke). Sprejete vrednosti: 1 — privzeta vrednost, decimalno številčenje. A — oštevilčenje seznama po abecednem vrstnem redu, velike črke (A, B, C, D). a — oštevilčenje seznama po abecednem vrstnem redu, male črke (a, b, c, d). I - oštevilčenje z velikimi rimskimi številkami (I, II, III, IV). i — oštevilčenje z malimi rimskimi številkami (i, ii, iii, iv).

                1. Microsoft
                2. Google
                3. Apple
                riž. 2. Oštevilčen seznam

                3. Seznam definicij

                Seznami definicij so ustvarjeni z uporabo oznake

                . Če želite dodati izraz, uporabite oznako
                , in za vstavljanje definicije - oznake
                .

                Blok seznama definicij ima naslednje privzete sloge brskalnika:

                Za oznake

                ,

                in

                na voljo.

                Direktor:

                Peter Točilin

                igrajo:

                Andrej Gaiduljan

                Aleksej Gavrilov

                Vitalij Gogunski

                Marija Koževnikova

                riž. 3. Seznam definicij

                4. Ugnezdeni seznam

                Pogosto zmožnosti preprostih seznamov niso dovolj, na primer pri ustvarjanju kazala vsebine ne gre brez ugnezdeni elementi. Oznaka za ugnezdeni seznam bi bila naslednja:

                • 1. odstavek.
                • Točka 2.
                  • Podčlen 2.1.
                  • Podčlen 2.2.
                    • Podčlen 2.2.1.
                    • Podčlen 2.2.2.
                  • Podčlen 2.3.
                • Točka 3.

                
                riž. 4. Ugnezdeni seznam

                5. Večnivojski oštevilčen seznam

                Večnivojski seznam se uporablja za prikaz elementov seznama na različnih ravneh z različnimi zamiki. Oznaka za večnivojski oštevilčen seznam bi bila naslednja:

                1. odstavek
                2. odstavek
                   1. odstavek
                   2. odstavek
                   3. odstavek
                      1. odstavek
                      2. odstavek
                      3. odstavek
                   4. odstavek
                3. odstavek
                4. odstavek

                Ta privzeta oznaka bo ustvarila novo oštevilčenje za vsak ugnezdeni seznam, začenši z enim. Če želite ustvariti ugnezdeno oštevilčenje, morate uporabiti naslednje lastnosti:
                ponastavitev števca ponastavi enega ali več števcev in poda vrednost, ki jo je treba ponastaviti;
                counter-increment podaja vrednost prirastka števca, tj. v kakšnih korakih bo oštevilčen vsak naslednji element;
                vsebina - generirana vsebina, v tem primeru je odgovorna za prikaz številke pred vsako postavko seznama.

                Ol ( /* odstranite standardno oštevilčevanje */ list-style: none; /* Identificirajte števec in mu dajte ime li. Vrednost števca ni določena - privzeto je 0 */ counter-reset: li; ) li :before ( /* Definiramo element, ki bo oštevilčen - li. Psevdoelement before označuje, da bo vsebina, vstavljena z lastnostjo content, postavljena pred elemente seznama. Tukaj nastavimo tudi vrednost prirastka števca (privzeto je 1). */ counter-increment: li; / * Lastnost vsebine prikaže številko elementa seznama. counters() pomeni, da ustvarjeno besedilo predstavlja vrednosti vseh števcev s tem imenom. Pika v narekovajih doda ločilno piko med številkami in piko s presledkom doda pred vsebino vsake postavke seznama */ content: counters(li,".") "."; )
                riž. 5. Večnivojski oštevilčen seznam

              HTML podpira sezname treh različni tipi, od katerih ima vsak svoje parametre:

              • – oštevilčen (s številkami ali črkami) seznam, katerega vsak element ima zaporedno številko (črko);
                1. – označen (neoštevilčen) seznam, pri katerem je poleg vsakega elementa nameščena oznaka (namesto številk ali črk, ki označujejo serijsko številko);

                   • – seznam definicij je sestavljen iz parov ime/vrednost, vključno z izrazi in definicijami.

                   Oštevilčeni seznami

                   V oštevilčen seznam brskalnik samodejno vstavi številke elementov po vrstnem redu, začenši z določeno vrednostjo (običajno 1). To vam omogoča vstavljanje in brisanje elementov seznama, ne da bi motili oštevilčevanje, saj bodo preostale številke samodejno preračunane.
                   Oštevilčeni seznami so ustvarjeni z blok elementom

                   (iz angleškega Ordered List - oštevilčen seznam). Poleg kontejnerja
                   za vsako postavko seznama je postavljen element
                   1. (iz angleškega seznama - element seznama). Privzeto je oštevilčen seznam z arabskimi številkami.
                      Oznaka
                      ima naslednjo sintakso:
                      1. element 1
                      2. element 2
                      3. element 3

                      Oštevilčeni elementi seznama morajo vsebovati več elementov seznama, kot je prikazano v naslednjem primeru:

                      Primer: oštevilčen seznam

                      • Poskusite sami"

                      Navodila po korakih

                      1. Pridobite ključ
                      2. Vstavite ključ v ključavnico
                      3. Obrnite ključ za dva obrata
                      4. Vzemite ključ iz ključavnice
                      5. Odpri vrata

                      Navodila po korakih

                      1. Pridobite ključ
                      2. Vstavite ključ v ključavnico
                      3. Obrnite ključ za dva obrata
                      4. Vzemite ključ iz ključavnice
                      5. Odpri vrata

                      Včasih boste ob ogledu obstoječih kod HTML naleteli na argument vrsta v elementu

                      , ki se uporablja za označevanje vrste oštevilčenja (črke, rimske in arabske številke itd.). Sintaksa:

                      Tukaj: tip – seznam simbolov:

                      • A - velike latinične črke (A, B, C...);
                      • a - male latinične črke (a, b, c...);
                      • I - velike rimske številke (I, II, III...);
                      • i - majhne rimske številke (i, ii, iii ...);
                      • 1 - arabske številke (1, 2, 3 . . .) (privzeto uporabljene).

                      Če želite, da se seznam začne s številko, ki ni 1, morate to določiti z atributom začetek oznaka

                      .
                      Naslednji primer prikazuje oštevilčen seznam z velikimi rimskimi številkami in začetno vrednostjo XLIX:

                      Številčenje lahko začnemo tudi z atributom vrednost, ki je dodan elementu

                      1. na naslednji način:

                      7. V tem primeru se zaporedno oštevilčenje seznama prekine in od te točke se oštevilčenje začne znova, v tem primeru od sedem.

                         Primer uporabe atributa vrednost oznaka

                      8. , ki vam omogoča spreminjanje številke danega elementa seznama:

                         V tem primeru bi bila "Prva postavka seznama" številka 1, "Druga postavka seznama" bi bila številka 7 in "Tretja postavka seznama" bi bila številka 8.

                         Oblikovanje oštevilčenih seznamov s CSS

                         Če želite spremeniti številke seznama, morate uporabiti lastnost list-style-type Liste slogov CSS:

                         Slogi oštevilčenih seznamov

                         Primer	Pomen	Opis
                         a, b, c	nižja alfa	Male črke
                         A, B, C	zgornja alfa	Velike črke
                         i, ii, iii	spodnje-rim	Rimske številke z malimi črkami
                         I, II, III	zgornji roman	Rimske številke z velikimi tiskanimi črkami

                         Primer: uporaba lastnosti CSS list-style-type

                         Označeni seznami

                         Označeni seznami so v bistvu podobni oštevilčenim seznamom, le da ne vsebujejo zaporednega številčenja elementov. Označeni seznami so ustvarjeni z uporabo elementa bloka

                         (iz angleškega neurejenega seznama - neoštevilčen seznam). Vsak element seznama se, kot pri oštevilčenih seznamih, začne z oznako
                         • . Brskalnik zamakne vsak element seznama in samodejno prikaže oznake.
                           Oznaka
                           ima naslednjo sintakso:
                           • Prva točka
                           • Druga točka
                           • Tretja točka

                           V naslednjem primeru lahko vidite, da je pred vsako postavko seznama privzeto dodan majhen označevalec v obliki zapolnjenega kroga:

                           Znotraj oznake

                           • Ni nujno, da postavite samo besedilo; sprejemljivo je, da postavite kateri koli element pretočne vsebine (povezave, odstavke, slike itd.)

                             Ugnezdeni seznami

                             Vsak seznam je lahko ugnezden znotraj drugega. Znotraj elementa
                           • Dovoljeno je ustvariti ugnezdeni seznam ali seznam druge ravni. Če želite ugnezditi seznam, opišite nov seznam znotraj elementa
                           • že obstoječi seznam. Ko ugnezdite en označeni seznam v drugega, brskalnik samodejno spremeni slog označevanja za drugonivojski seznam. Vsak seznam je lahko ugnezden znotraj drugega. Naslednji primer prikazuje strukturo označenega seznama, ugnezdenega znotraj drugega elementa oštevilčenega seznama.

                             Primer: ugnezdeni seznami

                             • Poskusite sami"
                             • ponedeljek
                               1. Pošlji pošto
                               2. Obisk urednika
                                  • Izbira teme
                                  • Dekorativno oblikovanje
                                  • Končno poročilo
                               3. Večerni ogled sporočil
                             • torek
                               1. Popravi urnik
                               2. Pošlji slike
                             • sreda...
                             • ponedeljek
                               1. Pošlji pošto
                               2. Obisk urednika
                                  • Izbira teme
                                  • Dekorativno oblikovanje
                                  • Končno poročilo
                               3. Večerni ogled sporočil
                             • torek
                               1. Popravi urnik
                               2. Pošlji slike
                             • sreda...

                             Oblikovanje označenih seznamov

                             Za spremembo videz uporabiti je treba lastnost označevalca seznama list-style-type Liste slogov CSS:

                             Naslednji primer prikazuje različne sloge označenih seznamov:

                             Primer: slogi seznama oznak

                             • Poskusite sami"
                             • Kava
                             • Kava
                             • Kava
                             • Kava

                             Disk:

                             • Kava
                             • Mleko

                             Krog:

                             • Kava
                             • Mleko

                             kvadrat:

                             • Kava
                             • Mleko

                             Brez:

                             • Kava
                             • Mleko

                             Grafični označevalci.

                             V HTML je mogoče ustvariti seznam z grafičnimi označevalci. Ena stvar je, če so označevalci seznama standardni krogi ali kvadrati, in povsem druga stvar, ko razvijalec sam izbere oznako v skladu z zasnovo strani. Da bi bili elementi seznama lepi, se pogosto uporabljajo majhne slike.
                             Če želite običajni označevalec zamenjati z grafičnim, zamenjajte lastnost list-style-type na nepremičnino seznam-slog-slika in navedite URL slike:

                             Primer: Grafični označevalci

                             • Poskusite sami"

                             Zodiakalna znamenja

                             • Bik
                             • dvojčka

                             Zodiakalna znamenja

                             • Oven
                             • Bik
                             • dvojčka

                             Seznami definicij (opisov)

                             Seznami definicij so zelo uporabni za ustvarjanje, na primer, vašega osebnega slovarja izrazov. Vsaka postavka seznama definicij ima dva dela: izraz in njegovo definicijo.
                             Celoten seznam postavite v element

                             (iz angleškega seznama definicij - seznam definicij). Vključuje oznake

                             (iz angleškega Definition Term - definirana beseda, izraz) in

                             (iz angleškega Definition Description - opis definiranega pojma).
                             Seznami definicij se pogosto uporabljajo v znanstvenih, tehničnih in izobraževalnih publikacijah, z njimi sestavljajo glosarji, slovarji, referenčne knjige itd.

                             Splošna struktura seznama opisov je naslednja:

                             Prvi mandat

                             Opis prvega termina

                             Drugi mandat

                             Opis drugega termina

                             Naslednji primer prikazuje enega od možne uporabe seznam definicij:

                             Primer: Seznam definicij

                             • Poskusite sami"

                             Svetovni splet - iz angleščine. Svetovni splet (WWW) je porazdeljen sistem, ki omogoča dostop do povezanih dokumentov, ki se nahajajo na različnih računalnikih, povezanih z internetom. Internet je niz omrežij, ki za prenos informacij uporabljajo en sam protokol za izmenjavo. Spletna stran je skupek posameznih spletnih strani, ki so med seboj povezane s povezavami in enotno zasnovo.

                             Svetovni splet

                             - iz angleščine Svetovni splet (WWW) je porazdeljen sistem, ki omogoča dostop do povezanih dokumentov, ki se nahajajo na različnih računalnikih, povezanih z internetom.

                             Internet

                             — niz omrežij, ki za prenos informacij uporabljajo en sam protokol za izmenjavo.

                             Spletna stran

                             - nabor posameznih spletnih strani, ki so med seboj povezane s povezavami in enotno obliko.

                             Privzeto je besedilo izraza pritisnjeno na levi rob okna brskalnika, opis pojma pa se nahaja spodaj in pomaknjen v desno.

                             Oštevilčeni seznami so zbirka elementov z njihovimi serijskimi številkami. Vrsta in vrsta oštevilčenja sta odvisna od parametrov elementa

                             , ki se uporablja za ustvarjanje seznama. Naslednje vrednosti lahko služijo kot elementi oštevilčenja:
                             • arabske številke (1, 2, 3, ...);
                             • arabske številke z ničlo na začetku za števila, manjša od deset (01, 02, 03, ...,10);
                             • velike latinične črke (A, B, C, ...);
                             • male latinične črke (a, b, c, ...);
                             • velike rimske številke (I, II, III, ...);
                             • male rimske številke (i, ii, iii, ...);
                             • Armensko oštevilčenje;
                             • Gruzijsko oštevilčenje.

                             S praktičnega vidika je mogoče načela prikazovanja elementov na označenem seznamu uporabiti na podoben način za oštevilčen seznam. Toda glede na to, da imamo opravka s štetjem, bo o nekaterih značilnostih še govora.

                             Številčenje seznama

                             Seznam je dovoljeno začeti s poljubno številko; za ta namen se uporablja začetni atribut elementa

                             ali vrednost elementa
                             1. . Vrednost je poljubno pozitivno celo število. Ni pomembno, kakšna vrsta oštevilčenja je nastavljena, tudi če se kot seznam uporabljajo latinične črke. Če se za seznam hkrati uporabita atribut začetni in vrednostni, potem ima slednji prednost in oštevilčenje je prikazano od števila, ki ga poda vrednost, kot je prikazano v 1. primeru.

                                Primer 1: Spreminjanje oštevilčenja seznama

                                4. Dobro bi morali skrbeti za svoje delovno mesto.
                                5. Osvetlitev v prostoru prilagodite tako, da bo vir svetlobe ob strani ali za operaterjem.
                                10. Da bi se izognili zdravstvenim zapletom, je priporočljivo izbrati stol z mehkim sedežem.

                                Prvi element seznama v tem primeru se bo začel z rimsko številko IV, ker je naveden atribut start="4", nato sledi številka V, zadnji element pa pride iz vrstnega reda in mu je dodeljena številka X (slika 1).

                                riž. 1. Rimske številke v seznamu

                                Pisanje številk

                                Oštevilčen seznam ima privzeto določen videz: najprej je številka, nato pika, nato pa se besedilo prikaže ločeno s presledkom. Ta oblika pisanja je vizualna in priročna, vendar nekateri razvijalci raje vidijo drugačen način oblikovanja oštevilčenja seznamov. In sicer tako, da je namesto pike zaključni oklepaj, kot je prikazano na sl. 2 ali kaj podobnega.

                                

                                riž. 2. Oštevilčen pogled seznama z oklepajem

                                Slogi vam omogočajo, da spremenite vrsto oštevilčenja seznama z uporabo lastnosti vsebine in nasprotnega prirastka. Najprej je treba izbirnik ol nastaviti na counter-reset : item , to je potrebno, da se oštevilčenje na vsakem novem seznamu začne znova. V nasprotnem primeru se bo številčenje nadaljevalo in namesto 1,2,3 boste videli 5,6,7. Vrednost artikla je enolični identifikator števca, izberemo ga sami. Nato morate skriti izvirne oznake prek lastnosti sloga list-style-type z vrednostjo none.

                                Lastnost vsebine običajno deluje v povezavi s psevdoelementoma ::after in ::before. Tako konstrukcija li::before pravi, da je treba pred vsakim elementom seznama dodati nekaj vsebine (2. primer).

                                Primer 2. Ustvarjanje lastnega oštevilčenja

                                Li::before (vsebina: counter(item) ") "; /* Dodajte oklepaj k številkam */ counter-increment: item; /* Nastavite ime števca */ )

                                Lastnost vsebine z vrednostjo counter(item) prikaže število; Z dodajanjem oklepaja, kot je prikazano v tem primeru, dobimo zahtevano vrsto oštevilčenja. za povečanje številke seznama za eno je potrebno nasprotno povečanje. Upoštevajte, da se povsod uporablja isti identifikator, imenovan item. Končna koda je prikazana v 3. primeru.

                                Primer 3: Spreminjanje pogleda seznama

                                1. najprej
                                2. drugič
                                3. Tretjič
                                4. Četrtič

                                Z zgornjo metodo lahko naredite katero koli vrsto oštevilčenega seznama, na primer postavite številko v oglate oklepaje, v tem primeru se bo v slogih spremenila samo ena vrstica.

                                Vsebina: "[" counter(item) "] ";

                                Seznam z ruskimi črkami

                                Obstaja oštevilčen seznam z latiničnimi črkami, vendar na seznamu ni ruskih črk. Lahko jih dodamo umetno z uporabo zgornje tehnike. Ker oštevilčevanje poteka preko stilov, sam seznam ostane originalen, doda se mu le izbrani razred, recimo temu cirilica (primer 4).

                                Primer 4: Koda za ustvarjanje seznama

                                1. ena
                                2. Dva
                                3. tri

                                Dodajanje črk poteka z uporabo psevdoelementa ::before in lastnosti vsebine. Ker mora imeti vsaka vrstica svojo črko, bomo uporabili psevdorazred :nth-child(1) , pri čemer bo številka črke zapisana v oklepaju. Prva črka je seveda A, druga B, tretja C itd. Celoten niz je dodan izbirniku li na naslednji način (primer 5).

                                Primer 5: Uporaba psevdo-razreda:nth-child

                                Cirilica li:nth-child(1)::before (vsebina: "a)"; ) .cirilica li:nth-child(2)::before (vsebina: "b)"; ) .cirilica li:nth-child(3)::before (vsebina: "at)"; )

                                V tem primeru vsaki črki sledi oklepaj, vse črke so male. Določite lahko svojo vrsto oštevilčenja seznama, na primer lahko vsebuje velike črke s piko, z enim ali dvema oklepajema ali samo črke. Za razliko od standardnega številčenja lahko tukaj počnemo, kar hočemo. Seznam desetih črk bi moral zadostovati za skoraj vse situacije, če pa se nenadoma izkaže, da ni dovolj, nam nič ne preprečuje, da svoj seznam razširimo tako, da vključuje vsaj vse črke ruske abecede.

                                Na koncu prilagodimo poravnavo in položaj črk, po želji določimo velikost pisave, barvo in druge parametre (primer 6).

                                Primer 6. Seznam z ruskimi črkami

                                1. boršč
                                2. Pike kotleti
                                3. Kulebyaka
                                4. Gobe ​​v kisli smetani
                                5. Palačinke s kaviarjem
                                6. Kvass

                                Rezultat ta primer prikazano na sl. 3.