Nie je to číslovaný zoznam. HTML zoznam s odrážkami a číslom. Formátovanie zoznamov s odrážkami

Číslované zoznamy sú kolekciou položiek s ich poradovými číslami. Typ a typ číslovania závisí od atribútov tagu

, ktorý sa používa na vytvorenie zoznamu. Každá položka v očíslovanom zozname je označená štítkom
1. ako je ukázané nižšie.
   1. Prvý bod
   2. Druhý bod
   3. Tretí bod

   Ak nešpecifikujete žiadne ďalšie atribúty, stačí napísať značku

   , potom je predvolený zoznam s arabskými číslami (1, 2, 3, ...), ako je uvedené v príklade 11.3.

   Príklad 11.3. Vytvorte očíslovaný zoznam

   Práca s časom

   1. vytvorenie dochvíľnosti (nikdy nebudete na nič meškať);
   2. zotavenie sa z dochvíľnosti (nikdy sa nikam neponáhľajte);
   3. zmena vnímania času a hodín.
   
   
   

   Výsledok tento príklad znázornené na obr. 11.3.

   Ryža. 11.3. Zobrazenie číslovaného zoznamu

   Všimnite si, že očíslovaný zoznam tiež pridáva automatické zarážky do hornej, dolnej a ľavej časti textu.

   Ako prvky číslovania možno použiť nasledujúce hodnoty:

   • arabské čísla (1, 2, 3, ...);
   • veľké latinské písmená (A, B, C, ...);
   • malé latinské písmená (a, b, c, ...);
   • veľké rímske čísla (I, II, III, ...);
   • malé rímske čísla (i, ii, iii, ...).

   Atribút type značky sa používa na označenie typu číslovaného zoznamu.

   ... Jeho možné hodnoty sú uvedené v tabuľke. 11.2.
   Tab. 11.2. Typy číslovaných zoznamov

   Typ zoznamu	HTML kód	Príklad
   arabské čísla		1. Cheburashka 2. Krokodíl Gena 3. Shapoklyak
   Veľké písmená latinskej abecedy		A. Cheburashka B. Krokodíl Gena C. Shapoklyak
   Malé písmená latinskej abecedy		a. Cheburashka b. Krokodíl Gena c. Shapoklyak
   Veľké rímske čísla		I. Cheburashka II. Krokodíl Gena III. Shapoklyak
   Malé rímske čísla		i. Cheburashka ii. Krokodíl Gena iii. Shapoklyak

   Ak chcete začať zoznam s určitú hodnotu, použije sa štartovací atribút značky

   ... Nezáleží na tom, aký typ zoznamu je nastavený pomocou typu, atribút štart funguje rovnako s rímskymi a arabskými číslami. Príklad 11.4 ukazuje, ako vytvoriť zoznam s použitím veľkých rímskych číslic začínajúcich osem.

   Príklad 11.4. Číslovanie zoznamov

   8. Kráľ Magnum XLIV
   9. Kráľ Siegfried XVI
   10. Kráľ Žigmund XXI
   11. Kráľ Husbrandt I
   
   
   

   Výsledok tohto príkladu je znázornený na obr. 11.4.

   

   Ryža. 11.4. Číslovaný zoznam s rímskymi číslami

   Iný typ zoznamov implementovaný v jazyk HTML, je číslovaný zoznam. Inak HTML zoznamy tento typ sa nazýva usporiadaný. Posledné meno sa často používa ako formálny preklad názvu zodpovedajúcej značky.

   , pomocou ktorej sú zoznamy tohto typu organizované v HTML dokumentoch (OL - Ordered List).

   zoznamy tohto typu zvyčajne predstavujú usporiadanú postupnosť jednotlivých prvkov. Rozdiel oproti zoznamom s odrážkami je v tom, že v číslovanom zozname každému prvku automaticky predchádza poradové číslo. Typ číslovania závisí od prehliadača a dá sa nastaviť parametrami značiek zoznamu. Inak je implementácia číslovaných zoznamov veľmi podobná implementácii zoznamov s odrážkami.

   Tagy

   a

   Ak chcete vytvoriť číslovaný zoznam, použite kontajnerovú značku, ktorá obsahuje všetky položky zoznamu. Začiatočné a koncové značky zoznamu poskytujú posun riadkov pred a za zoznamom, čím oddeľujú zoznam od hlavného obsahu dokumentu.

   Rovnako ako zoznam s odrážkami, každá položka v očíslovanom zozname musí začínať značkou

   1. .

      Tu je príklad dokumentu HTML pomocou očíslovaného zoznamu, ktorého displej prehliadač je znázornený na obr. 2.3.

      Najjasnejšie hviezdy viditeľné zo Zeme:

      • Sirius

      • Na anopus

      • Arcturus

      • Alfa Centauri

      • Vega

      • K apella

      • Rigel

      • Procyon

      • Achernar

      • Beta Centauri

      • Vetelgeuse

      • Aldebaran

      • Mizar

      • Polárny

      Ryža. 2.Z.Číslovaný zoznam

      V značke

      možno zadať nasledujúce parametre: COMPACT, TYPE a START.

      Parameter COMPACT má rovnaký význam ako zoznamy s odrážkami. Parameter TYPE slúži na nastavenie typu číslovania zoznamov. Môže nadobúdať nasledujúce hodnoty:

      TYP = A - nastavuje značky vo forme veľkých latinských písmen;

      TYP = a - určuje značky vo forme malých latinských písmen;

      TYP = I - určuje značky vo forme veľkých rímskych číslic;

      TYP = i - určuje značky vo forme malých rímskych číslic;

      TYP = 1 - určuje značky vo forme arabských číslic.

      Štandardne sa vždy používa hodnota TYP = 1, teda číslovanie arabskými číslicami. To platí aj pre vnorené číslované zoznamy. Tu, na rozdiel od zoznamov s odrážkami, prehliadače štandardne nerobia rôzne číslovanie na rôznych úrovniach vnorenia zoznamov. Všimnite si, že za číslom prvku zoznamu sa vždy dodatočne zobrazí znak "bodka".

      Parameter TYPE s rovnakými hodnotami je možné použiť na určenie štýlu číslovania jednotlivých položiek zoznamu. Na tento účel je možné v značke položky zoznamu zadať parameter TYPE s príslušnou hodnotou

      1. .

         Príklad nahrávania:

      2. .

         Parameter START tag

         umožňuje začať číslovanie zoznamu číslom, ktoré nie je číslo jedna. Prirodzené číslo musí byť vždy uvedené ako hodnota parametra ŠTART, bez ohľadu na typ číslovania zoznamov. Uveďme príklad:
         .

         Takýto záznam určuje číslovanie zoznamu z veľkého latinského písmena „E“. Pri ostatných typoch číslovania sa zadaním ŠTART = 5 nastaví číslovanie, resp. od čísla „5“, rímskeho čísla „V“ atď.

         Zmenu typu číslovania zoznamu a hodnôt čísel je možné vykonať pre ktorýkoľvek prvok zoznamu. Tag

         5. pre číslované zoznamy umožňuje použitie parametrov TYPE a VALUE. Parameter TYPE môže nadobúdať rovnaké hodnoty ako pre značku.
            .

            Príklad záznamu:

            1. .

               Poznámka

               Prehliadače interpretujú špecifikovanie typu číslovania pre jednotlivé položky zoznamu odlišne. Prehliadač Netscape zmení číslovanie tohto prvku a všetkých nasledujúcich prvkov, kým nenarazí na ďalšie prepísanie. Prehliadač internet Explorer zmení vzhľad čísla len pre tento prvok.

               Hodnota parametra značky VALUE

            2. - umožňuje zmeniť číslo tejto položky zoznamu. Tým sa zmení aj číslovanie všetkých nasledujúcich prvkov. Typickými aplikáciami sú zoznamy s vynechaním určitých prvkov. Príklad takéhoto zoznamu bol uvedený vyššie (obr. 2.3). Uvádza zoradený zoznam najjasnejších hviezd, v ktorom sú na 58 a 75 miestach hviezdy, ktoré sú jasne viditeľné v našich zemepisných šírkach (Mizar je najjasnejšia hviezda v súhvezdí Veľká medvedica a Polárna hviezda je Malý medveď).

               Tu je ďalší originálny príklad použitia rôznych typov číslovania. Nasledujúci HTML kód obsahuje tri zoznamy s rôznym číslovaním. Pre jednoduchšie prezeranie je každý zo zoznamov umiestnený v samostatnej bunke tabuľky. Všetky tri zoznamy sú identické a líšia sa iba typom číslovania: v prvom stĺpci tabuľky - arabské číslice, v druhom - rímske a v treťom je číslovanie latinkou. Všimnite si, že položky zoznamu sú prázdne, t. j. za ľubovoľnou značkou

            3. nie sú k dispozícii žiadne údaje. Príklad tohto druhu možno použiť ako tabuľku zhody medzi záznamom čísel arabskými a rímskymi číslicami. Ukázalo sa, že každý prehliadač, ktorý podporuje zoznamy, môže byť použitý ako generátor takejto tabuľky (obrázok 2.4), pokiaľ zadáte poskytnutý HTML kód. Rímske číslice fungujú správne až do 3999. Preskúmaním pravého stĺpca môžete pochopiť, ako sa rímske číslice číslujú. Po vyčerpaní jednopísmenového číslovania (od A po Z) sa prvé dvojpísmenové číslo berie ako ďalšie číslo - AA atď.

               
               . . .

               

               Ryža. 2.4. Rôzne typy číslovania zoznamov HTML

               Číslované zoznamy sú kolekciou položiek s ich poradovými číslami. Typ a typ číslovania závisí od parametrov prvku

               , ktorý sa používa na vytvorenie zoznamu. Ako prvky číslovania možno použiť nasledujúce hodnoty:
               • arabské číslice (1, 2, 3, ...);
               • arabské číslice s nulou na začiatku pre číslice menšie ako desať (01, 02, 03, ..., 10);
               • veľké latinské písmená (A, B, C, ...);
               • malé latinské písmená (a, b, c, ...);
               • veľké rímske číslice (I, II, III, ...);
               • malé rímske číslice (i, ii, iii, ...);
               • arménske číslovanie;
               • Gruzínske číslovanie.

               Z praktického hľadiska možno princípy zobrazovania položiek zoznamu s odrážkami aplikovať podobným spôsobom ako pri číslovanom zozname. Ale vzhľadom na to, že máme čo do činenia s enumeráciou, existujú niektoré funkcie, o ktorých sa bude diskutovať nižšie.

               Číslovanie zoznamov

               Je povolené začať zoznam z ľubovoľného čísla; na tento účel sa používa štart atribút prvku

               alebo hodnotu prvku
               1. ... Ako hodnotu možno zadať akékoľvek kladné celé číslo. Nezáleží na tom, aký typ číslovania je nastavený, aj keď sa ako zoznam používajú latinské písmená. Ak sú atribúty začiatku a hodnoty aplikované na zoznam súčasne, potom má prednosť druhý a číslovanie sa zobrazí od čísla určeného hodnotou, ako je uvedené v príklade 1.

                  Príklad 1. Prečíslovanie zoznamu

                  4. O svoje pracovisko by ste sa mali veľmi starať.
                  5. Osvetlenie v miestnosti nastavte tak, aby zdroj svetla bol na strane alebo za operátorom.
                  10. Aby ste predišli zdravotným komplikáciám, odporúča sa vybrať stoličku s mäkkým sedadlom.
                  
                  
                  

                  Prvý prvok zoznamu v tomto príklade bude začínať rímskou číslicou IV, pretože je zadaný atribút start = "4", potom číslo ide V, a posledný prvok nenasleduje v poradí a je mu priradené číslo X (obr. 1).

                  Ryža. 1. Rímske číslice v zozname

                  Písanie čísel

                  Číslovaný zoznam má štandardne určitú formu: najprv je číslo, potom bodka a potom sa text zobrazí cez medzeru. Táto forma zápisu je jasná a pohodlná, no niektorí vývojári uprednostňujú iný spôsob formátovania číslovania zoznamov. Totiž namiesto bodky je tu uzatváracia zátvorka, ako je znázornené na obr. 2 alebo niečo podobné.

                  

                  Ryža. 2. Pohľad na očíslovaný zoznam so zátvorkou

                  Štýly vám umožňujú zmeniť spôsob prečíslovania zoznamov pomocou vlastností content a counter-increment. Najprv musíte nastaviť položku counter-reset: pre volič ol, je to potrebné, aby číslovanie v každom novom zozname začínalo odznova. V opačnom prípade bude číslovanie pokračovať a namiesto 1,2,3 uvidíte 5,6,7. Hodnota položky je jedinečný identifikátor pre počítadlo, vyberáme si ju sami. Ďalej musíte skryť pôvodné značky prostredníctvom vlastnosti štýlu štýlu zoznamu s hodnotou none.

                  Vlastnosť content zvyčajne funguje v spojení s pseudoprvkami :: after a :: before. Takže li :: pred konštrukciou hovorí, že nejaký obsah musí byť pridaný pred každý prvok zoznamu (príklad 2).

                  Príklad 2. Vytvorenie vlastného číslovania

                  Li :: pred (obsah: počítadlo (položka) ")"; / * K číslam pridajte zátvorku * / protiprírastok: položka; / * Nastavte názov počítadla * /)

                  Vlastnosť content s počítadlom hodnôt (položkou) vypíše číslo; pridaním zátvorky, ako je znázornené v tomto príklade, dostaneme požadované číslovanie. počítadlo je potrebné na zvýšenie čísla zoznamu o jednu. Všimnite si, že všade sa používa rovnaký identifikátor nazývaný položka. Konečný kód je uvedený v príklade 3.

                  Príklad 3. Zmena zobrazenia zoznamu

                  1. najprv
                  2. Po druhé
                  3. Po tretie
                  4. Po štvrté
                  
                  
                  

                  Týmto spôsobom môžete vytvoriť ľubovoľný očíslovaný zoznam, napríklad vziať číslo v hranatých zátvorkách, v tomto prípade sa v štýloch zmení iba jeden riadok.

                  Obsah: "[" počítadlo (položka) "]";

                  Zoznam s ruskými písmenami

                  Existuje očíslovaný zoznam s latinskými písmenami, ale v zozname nie sú žiadne ruské písmená. Môžu byť pridané umelo pomocou vyššie uvedenej techniky. Keďže číslovanie prebieha cez štýly, samotný zoznam zostáva pôvodný, len sa doň pridá vybraná trieda, nazvime ju cyrilou (príklad 4).

                  Príklad 4. Kód na vytvorenie zoznamu

                  1. Jeden
                  2. Dva
                  3. Tri

                  Pridávanie písmen sa vykonáva pomocou :: pred pseudoprvkom a vlastnosti content. Keďže každý riadok musí mať svoje písmeno, použijeme pseudotriedu: n-té dieťa (1), číslo písmena sa píše v zátvorke. Prvé písmeno je, samozrejme, A, druhé B, tretie C atď.

                  Príklad 5. Použitie pseudotriedy: n-té dieťa

                  Cyrilické li: n-té dieťa (1) :: pred (obsah: "a)"; ) .cyrilika li: n-té dieťa (2) :: pred (obsah: "b)"; ) .cyrilika li: n-té dieťa (3) :: pred (obsah: "v)"; )

                  V tomto príklade za každým písmenom nasleduje zátvorka, všetky sú malé. Môžete si definovať vlastný spôsob číslovania zoznamu, môže napríklad obsahovať veľké písmená s bodkou, s jednou alebo dvoma zátvorkami alebo len písmená. Na rozdiel od štandardného číslovania si tu môžeme robiť, čo chceme. Zoznam desiatich písmen by mal stačiť takmer na všetky situácie, no ak sa zrazu ukáže, že to nestačí, nič nám nebráni v rozšírení nášho zoznamu aspoň o všetky písmená ruskej abecedy.

                  Nakoniec nastavíme zarovnanie a polohu písmen, na želanie uvedieme veľkosť písma, farbu a ďalšie parametre (príklad 6).

                  Príklad 6. Zoznam s ruskými písmenami

                  1. Boršč
                  2. Kotlety zo šťuky
                  3. Kulebyaka
                  4. Huby v kyslej smotane
                  5. Palacinky s kaviárom
                  6. Kvas
                  
                  
                  

                  Výsledok tohto príkladu je znázornený na obr. 3.

                  Zoznamy sú dôležitou súčasťou obsahu, pretože pomáhajú organizovať informácie. Text v zoznamoch je lepšie zrozumiteľný a ľahšie zapamätateľný.

                  Najjednoduchší je, že každému jeho prvku predchádza značka - kruh, štvorec alebo kruh. Postupnosť prvkov v odrážkový zoznam nedôležité.

                  Na jeho vytvorenie potrebujete použiť iba dve značky:

                  a
                  • .
                    je kontajner obsahujúci zoznam, ktorého prvky určuje značka
                    • .
                      • Kameň
                      • Nožnice
                      • Papier
                      
                      
                      

                      V predvolenom nastavení čierny kruh ( disk). Pridaním do značky

                      atribút typu a priradením vhodnej hodnoty k nemu možno značku zmeniť na kruh ( kruh) alebo čierny štvorec ( námestie).

                      Od označenej sa líši tým, že je dôležité poradie prvkov v nej, a preto sa tu namiesto značky používajú poradové čísla alebo písmená. O poradie v zozname sa nemusíte starať: túto úlohu preberá prehliadač. Ak zmeníte zoznam (odstránite alebo pridáte položku mimo poradia), prehliadač ju prepočíta a zobrazí správne.

                      Tagy sa používajú na vytváranie číslovaných zoznamov

                      a
                      1. ... Kontajner
                         definuje začiatok a koniec zoznamu, tag
                         1. nastavuje začiatok a koniec svojho prvku - všetko je ako v zozname s odrážkami
                            nahradené
                            .
                            1. Kameň
                            2. Nožnice
                            3. Papier
                            
                            
                            

                            

                            Keďže očíslované zoznamy nie sú vždy také jednoduché, pre značku

                            vytvoril nasledujúce atribúty (poznámka: nižšie je očíslovaný zoznam):

                            1. typu... Tento atribút umožňuje číslovať zoznam nielen arabskými, ale aj rímskymi číslicami alebo latinskými písmenami rôznych registrov. typu podporuje hodnoty ​​1 (predvolené), a, A, i, I (skúste s nimi experimentovať sami).

                            2. začať... Číslovanie nemusí vždy začínať jednotkou. Tento atribút umožňuje nastaviť počiatočnú hodnotu - číslo prvého prvku v zozname. V ňom môžete určiť, že zostava začína napríklad číslom 100 alebo písmenom K.

                            3. obrátené... Ak by zoznam nemal ísť od 1 do 10, ale od 10 po 1, musí sa použiť tento atribút. Ak je to uvedené, číslovanie sa vykoná v opačnom poradí.

                            Ak chcete nastaviť ľubovoľné číslo prvku v strede zoznamu, musíte použiť v značke

                            1. atribút :

                            2. Štyridsiaty piaty prvok po tridsiatom ôsmom

                            Zmenou čísla jedného prvku v strede zoznamu zmeníte aj číslovanie všetkých nasledujúcich prvkov – zostava bude začínať od hodnoty v atribúte value. Ak ste napríklad prvku 18 priradili číslo 35, nasledujúce prvky nebudú mať čísla 19, 20, 21, ale 36, 37, 38.

                            Zoznam definícií

                            Nie taký známy typ zoznamu, ako je uvedené vyššie. Pozostáva z pojmov a ich definícií. Vytvorené pomocou značiek:

                            - kontajner obsahujúci zoznam.

                            - výrazová značka.

                            - definičný štítok

                            Rozsahom zoznamov definícií sú slovníky, referenčné knihy, testy, slovníky a iné rozsiahle zoznamy typu "Termín - vysvetlenie".

                            Tu je príklad zoznamu definícií:

                            Deskriptor

                            Základná jednotka značkovacieho jazyka známa všetkým ako „Tag“.

                            Atribút

                            Vlastnosť značky, ktorá to dáva pridané vlastnosti formátovanie textu.

                            Označenie

                            Jediný štítok, ktorý netreba zatvárať.

                            
                            
                            

                            

                            Zoznam pozostávajúci z vnorených zoznamov. Môže obsahovať zoznamy rôznych typov. Zložitosť tvorby spočíva v dodržaní správneho vnorenia tagov, keďže vo viacúrovňovej štruktúre sa dá ľahko zmiasť.

                            Tu je príklad viacúrovňového zoznamu:

                            Programovacie jazyky sa delia na:

                            • Štrukturálne
                            1. Pascal
                            2. Oberon
                            1. Limbo
                            • Objektovo orientovaný
                            1. Java
                            • Funkčné
                            1. Lisp
                            2. Python

                            
                            
                            

                            Takýto zoznam je určitým spôsobom číslovaný zoznam. Môžu to byť arabské číslice, rímske číslice alebo písmená.

                            Na označenie prehliadača, že zoznam bude očíslovaný, sa používajú značky .

                            Príklad kódu pre číslovaný zoznam:

                            Html zoznamy

                            1. mačky
                            2. psov
                            3. kone

                            výsledok:

                            1. mačky
                            2. psov
                            3. kone

                            Ako vidíte, štandardne je číslovanie arabskými číslicami. Toto je možné zmeniť pomocou parametra typu:

                            - typ = "A"- číslovanie veľkými latinskými písmenami (A, B, C).

                            - typ = "a"- číslovanie veľkými latinskými písmenami (a, b, c).

                            - typ = "ja"- číslovanie veľkými rímskymi číslicami (I, II, III).

                            - typ = "i"- číslovanie malými rímskymi číslicami (i, ii, iii).

                            Príklad kódu s rímskymi číslicami:

                            Html zoznamy

                            1. mačky
                            2. psov
                            3. kone

                            výsledok:

                            1. mačky
                            2. psov
                            3. kone

                            Ak potrebujeme začať číslovanie nie od jednotky, mali by sme použiť parameter začať, ktorého hodnota je číslo, od ktorého bude zoznam začínať (ak je číslovanie špecifikované pomocou písmen, potom toto číslo označuje pozíciu v abecede).

                            Vzorový kód:

                            Html zoznamy

                            1. mačky
                            2. psov
                            3. kone

                            výsledok:

                            1. mačky
                            2. psov
                            3. kone

                            Tag môžete nastaviť parameter hodnotu, ktorý umožňuje zmeniť číslo tejto položky zoznamu. Tým sa zmení aj číslovanie všetkých nasledujúcich prvkov.

                            Vzorový kód:

                            Html zoznamy

                            1. Červená
                            2. Oranžová
                            3. žltá
                            
                            ...............
                            4. fialový

                            výsledok:

                            1. Červená
                            2. Oranžová
                            3. žltá
                            
                            ...............
                            4. fialový

                            Zoznamy s odrážkami

                            Odrážky používajú odrážky namiesto písmen a číslic v zozname s odrážkami. Značky sa používajú na informovanie prehliadača, že zoznam bude odrážaný. ... Celý zoznam sa nachádza medzi týmito značkami a každá z jeho položiek je špecifikovaná značkami .

                            Príklad kódu pre zoznam s odrážkami:

                            Html zoznamy s odrážkami

                            • mačky
                            • psov
                            • kone

                            výsledok:

                            • mačky
                            • psov
                            • kone

                            V predvolenom nastavení sa značka zobrazuje ako čierny kruh. Toto je možné zmeniť pomocou parametra typu:

                            - typ = "disk"- vyplnený kruh.

                            - typ = "kruh"- prázdny kruh.

                            - typ = "štvorec"- vyplnený štvorec.

                            Príklad kódu pre zoznamy s odrážkami:

                            Html zoznamy s odrážkami

                            • mačky
                            • psov
                            • kone

                            • mačky
                            • psov
                            • kone

                            • mačky
                            • psov
                            • kone

                            výsledok:

                            • mačky
                            • psov
                            • kone

                            • mačky
                            • psov
                            • kone

                            • mačky
                            • psov
                            • kone

                            Zoznamy definícií

                            Takéto zoznamy sa používajú v slovníkoch. Každá položka sa skladá z dvoch častí: pojmu a jeho definície. Značky sa používajú na informovanie prehliadača, že bude existovať zoznam definícií.

                            ... Každý výraz je obsiahnutý v značkách

                            a ich definície sú v značkách

                            .

                            Príklad kódu zoznamu definícií:

                            Zoznamy definícií Termín 1 Definícia termínu 1 Termín 2 Definícia termínu 2

                            výsledok:

                            Vnorené zoznamy

                            Sú situácie, keď potrebujete do položky zoznamu zahrnúť svoj vlastný zoznam. Takéto zoznamy sa nazývajú vrstvené alebo vnorené. Používa kombináciu značiek zoznamu, ktoré už poznáme.

                            Príklad kódu pre viacúrovňový zoznam:

                            Vnorené zoznamy

                            • Zvieratá
                              1. mačky
                              2. psov
                            • Rastliny
                              1. stromy
                              2. kvety