Kreiranje lista u html-u. numerisana lista

Liste su važan dio sadržaja jer pomažu u organizaciji informacija. Tekst u listama se bolje percipira i lakše pamti.

Najjednostavniji - ispred svakog od njegovih elemenata nalazi se marker - krug, kvadrat ili krug. Redoslijed elemenata u listi sa nabrajanjem nije važan.

Da biste ga kreirali, trebate koristiti samo dvije oznake:

I
• .
  je kontejner koji sadrži listu čiji su elementi dati oznakom
  • .
    • Stone
    • Makaze
    • Papir

    Podrazumevano, crni krug se koristi kao marker liste ( disk). Dodavanjem u oznaku

    atribut tip i dodijelivši mu odgovarajuću vrijednost, marker se može promijeniti u krug ( krug) ili crni kvadrat ( kvadrat).

    Razlikuje se od označenog po tome što je važan redoslijed elemenata u njemu, pa se umjesto markera ovdje koriste uzastopni brojevi ili slova. Nema potrebe da brinete o redosledu na listi: pretraživač se brine za ovaj zadatak. Ako promijenite listu (uklonite ili dodate element van reda), pretraživač će ga ponovo izračunati i ispravno prikazati.

    Oznake se koriste za kreiranje numerisanih lista.

    I
    1. . Kontejner
       definira početak i kraj liste, tag
       1. postavlja početak i kraj svog elementa - samo sve, kao u listi sa nabrajanjem
          promijenio u
          .
          1. Stone
          2. Makaze
          3. Papir

          

          Pošto nije uvek tako jednostavno sa numerisanim listama, za oznaku

          kreirali sljedeće atribute (napomena: ispod je samo numerirana lista):

          1. tip. Ovaj atribut vam omogućava da numerišete listu ne samo arapskim, već i rimskim brojevima ili latiničnim slovima različitih velikih i malih slova. tip podržava vrijednosti 1 (zadano), a, A, i, I (probajte sami eksperimentirati s njima).

          2. start. Numeracija ne mora uvijek početi od jedne. Ovaj atribut vam omogućava da postavite početnu vrijednost - broj prvog elementa liste. U njemu možete odrediti da izvještaj počinje, na primjer, brojem 100 ili slovom K.

          3. obrnuto. Ako lista ne treba da ide od 1 do 10, već od 10 do 1, onda se ovaj atribut mora koristiti. Ako je postavljeno, numeracija će biti obrnuta.

          Da biste postavili proizvoljan broj elementu u sredini liste, morate koristiti u oznaci

          1. atribut :

          2. Četrdeset peti element nakon trideset osmog

          Promjenom broja jednog elementa u sredini liste, promijenit ćete i numeraciju svih elemenata koji slijede - izvještaj će početi od vrijednosti u atributu vrijednosti. Na primjer, ako ste elementu 18 dodijelili broj 35, tada će elementi koji slijede imati brojeve ne 19, 20, 21, već 36, 37, 38.

          Lista definicija

          Nije tako dobro poznat tip liste kao što je gore objašnjeno. Sastoji se od pojmova i njihovih definicija. Kreirano pomoću oznaka:

          - kontejner koji sadrži listu.

          - oznaka termina.

          - oznaka definicije

          Opseg lista definicija su glosari, priručnici, testovi, rječnici i druge opsežne enumeracije tipa "Pojam - objašnjenje".

          Evo primjera liste definicija:

          Deskriptor

          Osnovna jedinica markup jezika, svima poznata kao "Tag".

          Atribut

          Svojstvo oznake koje mu daje dodatne opcije za stilizovanje teksta.

          Label

          Jedna oznaka koju ne treba zatvoriti.

          

          Lista koja se sastoji od lista ugniježđenih jedna u drugu. Može uključivati ​​liste različitih tipova. Složenost kreiranja leži u promatranju ispravnog ugniježđenja oznaka, jer se lako zbuniti u strukturi na više nivoa.

          Evo primjera višeslojne liste:

          Programski jezici se dijele na:

          • Strukturno
          1. Pascal
          2. Oberon
          1. Limbo
          • Objektno orijentisan
          1. Java
          • Funkcionalni
          1. Lisp
          2. Python

          Numerisane liste su skup elemenata sa njihovim serijskim brojevima. Vrsta i tip numeracije zavise od parametara elementa

          , koji se koristi za kreiranje liste. Sljedeće vrijednosti mogu djelovati kao elementi numeriranja:
          • arapski brojevi (1, 2, 3, ...);
          • Arapski brojevi sa početnom nulom za cifre manje od deset (01, 02, 03, ..., 10);
          • velika latinična slova (A, B, C, ...);
          • mala latinična slova (a, b, c, ...);
          • Rimski brojevi u velikim slovima (I, II, III, ...);
          • Rimski brojevi malim slovima (i, ii, iii, ...);
          • armenska numeracija;
          • Gruzijsko numerisanje.

          Sa praktične tačke gledišta, principi prikazivanja elemenata liste sa nabrajanjem mogu se primeniti na sličan način kao i numerisane liste. Ali s obzirom na to da se radi o nabrajanju, postoje neke karakteristike o kojima će se dalje govoriti.

          Numeracija liste

          Dozvoljeno je započeti listu bilo kojim brojem; za ovu svrhu se koristi početni atribut elementa

          ili vrijednost na elementu
          1. . Vrijednost je bilo koji pozitivan cijeli broj. Nije bitno koja je vrsta numeracije postavljena, čak i ako se latinična slova koriste kao lista. Ako su i atributi start i value primijenjeni na listu, onda potonji ima prednost i numeriranje počinje od broja specificiranog pomoću value , kao što je prikazano u primjeru 1.

             Primjer 1 - Promjena numeracije liste

             4. Trebali biste dobro voditi računa o svom radnom mjestu.
             5. Podesite osvetljenje u prostoriji tako da izvor svetlosti bude sa strane ili iza operatera.
             10. Kako biste izbjegli medicinske komplikacije, preporučuje se odabir stolice s mekim sjedištem.

             Prvi element liste u ovom primjeru će početi rimskim brojem IV, pošto je naveden atribut start="4", zatim broj V, a posljednjem elementu, van reda, dodijeljen je broj X (Sl. 1).

             Rice. 1. Rimski brojevi u listi

             Pisanje brojeva

             Po defaultu, numerisana lista ima određeni oblik: prvo postoji broj, zatim tačka, a nakon toga se prikazuje tekst odvojen razmakom. Ovaj oblik pisanja je vizuelan i zgodan, ali neki programeri više vole da vide drugačiji način numerisanja lista. Naime, da bi se tačku zamijenila zagrada koja zatvara, kao što je prikazano na sl. 2 ili nešto slično.

             

             Rice. 2. Vrsta numerisane liste sa zagradama

             Stilovi vam omogućavaju da promenite numerisanje lista koristeći svojstva sadržaja i brojača. Prvo, ol selektor treba postaviti na poništavanje brojača : item , ovo je neophodno kako bi numeriranje u svakoj novoj listi počelo ispočetka. U suprotnom, numerisanje će se nastaviti i umesto 1,2,3 videćete 5,6,7. Vrijednost stavke je jedinstveni identifikator brojača, biramo ga sami. Zatim morate sakriti originalne markere kroz svojstvo stila tipa liste sa vrijednošću none.

             Svojstvo content obično radi u sprezi sa pseudoelementima ::after i ::before. Dakle, konstrukcija li::before kaže da se prije svakog elementa liste mora dodati neki sadržaj (primjer 2).

             Primjer 2. Kreiranje vlastite numeracije

             Li::before (sadržaj: brojač(stavka) ") "; /* Dodaj zagrade brojevima */ counter-increment: item; /* Postavi ime brojača */ )

             Svojstvo sadržaja sa brojačem vrednosti(stavkom) daje broj; dodavanjem zagrade, kao što je prikazano u ovom primjeru, dobijamo željeni tip numeracije. kontrainkrement je potreban za povećanje broja liste za jedan. Imajte na umu da se isti identifikator, pod nazivom item , koristi u cijelom. Konačni kod je prikazan u primjeru 3.

             Primjer 3 - Promjena prikaza liste

             1. Prvo
             2. Sekunda
             3. Treće
             4. Četvrto

             Na gornji način možete napraviti bilo koju vrstu numerisane liste, na primjer, uzeti broj u uglastim zagradama, u ovom slučaju će se samo jedan red promijeniti u stilovima.

             Sadržaj: "[" counter(item) "] ";

             Spisak sa ruskim slovima

             Postoji numerisana lista sa latiničnim slovima, ali nema ruskih slova za listu. Mogu se dodati umjetno koristeći gornju tehniku. Pošto se numerisanje vrši preko stilova, sama lista ostaje originalna, dodaje joj se samo izabrana klasa, nazovimo je ćirilica (primer 4).

             Primjer 4. Kod za kreiranje liste

             1. Jedan
             2. Dva
             3. Tri

             Slova se dodaju pomoću pseudoelementa ::before i svojstva content. Pošto svaki red mora imati svoje slovo, koristićemo :nth-child(1) pseudo-klasu, broj slova je napisan u zagradama. Prvo slovo je, naravno, A, drugo je B, treće je C, itd. Cijeli ovaj skup se dodaje li selektoru na sljedeći način (primjer 5).

             Primjer 5 Upotreba :nth-child pseudo-klase

             Ćirilica li:nth-child(1)::before (sadržaj: "a)"; ) .cyrilic li:nth-child(2)::before (sadržaj: "b)"; ) .cyrilic li:nth-child(3)::before (sadržaj: "do)"; )

             U ovom primjeru, svako slovo je praćeno zagradama, sva slova su mala. Možete definisati sopstvenu vrstu numerisanja liste, na primer, može da sadrži velika slova sa tačkom, sa jednom ili dve zagrade ili samo slova. Za razliku od standardnog numerisanja, mi smo slobodni da radimo šta god želimo. Lista od deset slova trebala bi biti dovoljna za gotovo sve situacije, ali ako se to odjednom pokaže nedovoljno, ništa nas ne sprječava da proširimo listu i uključimo barem sva slova ruske abecede.

             Konačno podešavamo poravnanje i poziciju slova, opciono određujemo veličinu fonta, boju i druge parametre (primjer 6).

             Primjer 6. Lista sa ruskim slovima

             1. Borsch
             2. Kotleti od štuke
             3. Kulebyak
             4. Pečurke u pavlaci
             5. Palačinke sa kavijarom
             6. Kvass

             Rezultat ovog primjera prikazan je na sl. 3.

             Lista je međusobno povezani skup pojedinačnih fraza ili rečenica koje počinju nabrakom ili brojem. Liste pružaju priliku da se organizuju i organiziraju različiti podaci i prezentiraju na vizualan i jednostavan način.

             Tag

             postavlja uređenu listu, tj. svaki element liste počinje brojem ili slovom i postepeno se povećava.

             Postavlja listu sa nabrajanjem, čiji svaki element počinje malim znakom - nabrakom.

             Tag

             1. definira jedan element liste. Eksterna oznaka
                ili
                postavlja tip liste - sa nabrajanjem ili numerisanim.

                ,

                ,

                Trostruki element je namijenjen za kreiranje liste definicija. Svaka takva lista počinje sa kontejnerom

                gde oznaka ide

                kreiranje pojma i oznake

                definisanje pojma. Oznaka za zatvaranje

                opciono, jer sljedeća oznaka signalizira završetak prethodnog elementa. Međutim, dobra je praksa zatvoriti sve oznake.

                Numerisane liste su skup elemenata sa njihovim serijskim brojevima. Vrsta i tip numeracije zavise od atributa oznake

                , koji se koristi za kreiranje liste. Svaka stavka u numerisanoj listi je identifikovana oznakom
                1. kao što je prikazano ispod.
                   1. Prva tačka
                   2. Drugi paragraf
                   3. Treći paragraf

                   Ako ne navedete nikakve dodatne atribute i samo napišite oznaku

                   , tada se lista sa arapskim brojevima (1, 2, 3,...) koristi po defaultu, kao što je prikazano u primjeru 11.3.

                   Primjer 11.3. Napravite numerisanu listu

                   Rad sa vremenom

                   1. stvaranje tačnosti (nikada nećete zakasniti ni na šta);
                   2. lijek za tačnost (nikada nećete žuriti nigdje);
                   3. promjena u percepciji vremena i satova.

                   Rezultat ovog primjera prikazan je na sl. 11.3.

                   Rice. 11.3. Prikaz numerisane liste

                   Imajte na umu da numerisana lista takođe dodaje automatsko uvlačenje na vrh, dno i levo od teksta.

                   Sljedeće vrijednosti mogu djelovati kao elementi numeriranja:

                   • arapski brojevi (1, 2, 3, ...);
                   • velika latinična slova (A, B, C, ...);
                   • mala latinična slova (a, b, c, ...);
                   • veliki rimski brojevi (I, II, III, ...);
                   • mali rimski brojevi (i, ii, iii, ...).

                   Atribut tipa oznake koristi se za označavanje tipa numerisane liste.

                   . Njegove moguće vrijednosti su date u tabeli. 11.2.
                   Tab. 11.2. Tipovi numerisanih lista

                   Vrsta liste	HTML kod	Primjer
                   arapski brojevi		1. Cheburashka 2. Krokodil Gena 3. Shapoklyak
                   Velika slova latinice		A. Cheburashka B. Krokodil Gena C. Shapoklyak
                   Mala slova latinice		a. Cheburashka b. Krokodil Gena c. Shapoklyak
                   Rimski brojevi u velikim slovima		I. Cheburashka II. Krokodil Gena III. Shapoklyak
                   Rimski brojevi u malim slovima		i. Cheburashka ii. Krokodil Gena iii. Shapoklyak

                   Da biste započeli listu sa određenom vrijednošću, koristite start atribut oznake

                   . Nije bitno koji je tip liste postavljen sa tipom, startni atribut radi isto i za rimske i za arapske brojeve. Primjer 11-4 pokazuje kako napraviti listu koristeći velike rimske brojeve koji počinju sa osam.

                   Primjer 11.4. Numeracija liste

                   8. Kralj Magnum XLIV
                   9. Kralj Zigfrid XVI
                   10. Kralj Sigismund XXI
                   11. Kralj Husbrandt I

                   Rezultat ovog primjera prikazan je na sl. 11.4.

                   

                   Rice. 11.4. Numerisana lista sa rimskim brojevima