Ako vytvoriť číslovaný zoznam v HTML. HTML: Číslovaný a označený zoznam. Číslovaný zoznam s typom atribútu \u003d "I"

Vzorové zoznam definícií kódov:

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

Výsledok:

Vnorené zoznamy

Existujú situácie, keď potrebujete zahrnúť svoj zoznam do položky zoznamu. Takéto zoznamy sa nazývajú viacúrovňové alebo vnorené. Ak to chcete urobiť, použite kombináciu zoznamov, ktoré sú nám už známe.

Viacúrovňový zoznam kódov príklad:

Vnorené zoznamy

• Zvieratá
  1. mačiek
  2. psi
• Rastliny
  1. stromy.
  2. kvety

HTML podporuje zoznamy troch rôznych typov, pre ktoré každý z nich poskytuje vlastné zariadenia:

• - očíslované (pomocou čísel alebo písmen), každý prvok má poradové číslo (písmeno);
  1. - označený (nečíslovaný) zoznam, vedľa každého prvku, ktorého je umiestnený marker (a nie digitálne alebo abecedné znaky označujúce poradové číslo);

     • - Zoznam definícií sa skladá z párov "Názov / hodnota", vrátane podmienok a definícií.

     Číslované zoznamy

     V zozname číslovaných, prehliadač automaticky vloží čísla prvkov v poradí, počnúc určitou hodnotou (zvyčajne 1). To vám umožní vložiť a odstrániť položky zoznamu bez rušenia číslovania, pretože ostatné čísla sa automaticky prepočítajú.
     Číslované zoznamy sú vytvorené pomocou blokového prvku.

     (z angličtiny. Objednaný zoznam je číslovaný zoznam). Vedľa kontajnera
     Prvok je umiestnený pre každú položku zoznamu
     1. (Zo zoznamu Zoznam anglických zoznamov). Štandardne sa použije číslovaný zoznam s arabskými číslami.
        Tag
        Má nasledujúcu syntax:
        1. prvku 1.
        2. prvok 2.
        3. prvok 3.

        Prvky číslovaného zoznamu musia obsahovať niekoľko položiek zoznamu, ako je uvedené v nasledujúcom príklade:

        Príklad: Číslovaný zoznam

        • Vyskúšajte si to sami "

        Krok za krokom

        1. Získať kľúč
        2. Vložte kľúč do hradu
        3. Otočte kľúč na dve otáčky
        4. Získajte kľúč z hradu
        5. Otvor dvere

        Krok za krokom

        1. Získať kľúč
        2. Vložte kľúč do hradu
        3. Otočte kľúč na dve otáčky
        4. Získajte kľúč z hradu
        5. Otvor dvere

        Niekedy pri prezeraní existujúcich kódov HTML sa stretnete s argumentom typ V prvom prvku

        Používa sa na označenie typu číslovania (písmená, rímske a arabské čísla atď.). Syntax:

        Tu: Typ - zoznam symbolov:

        • A - Kapitál Latinské listy (A, B, C ....);
        • a - malé latinské listy (A, B, C ....);
        • I - veľké rímske čísla (I, II, III ....);
        • som malé rímske čísla (I, II, III ....);
        • 1 - Arabské čísla (1, 2, 3 ...) (podľa predvolených nastavení).

        Ak chcete, aby sa zoznam spustil z iného čísla 1, mali by ste to zadať pomocou atribútu začať. Tag

        .
        Nasledujúci príklad zobrazuje očíslovaný zoznam s veľkými rímskymi číslicami a počiatočnou hodnotou XLIX:

        Číslovanie je možné spustiť a používať atribút hodnotaktorý je pridaný do prvku

        1. Nasledujúcim spôsobom:

        7. V tomto prípade bude sekvenčné číslovanie zoznamu prerušené a číslovanie z tohto bodu začne znova, v tomto prípade zo siedmich.

           Príklad použitia atribútu hodnota Tag

        8. ktorý vám umožňuje zmeniť počet položiek tohto zoznamu:

           V tomto príklade bude mať "položka prvého zoznamu" číslo 1, "položka druhého zoznamu" - číslo 7 a "položka tretieho zoznamu" - číslo 8.

           Formátovanie číslovaných zoznamov pomocou CSS

           Ak chcete zmeniť číslo zoznamu, stojí za to využiť nehnuteľnosť. typ-typ štýlu CSS Štýlové tabuľky:

           Súvisiace zoznamy Štýly dizajnu

           Príklad	Hodnota	Popis
           a, B, s	nižšia alfa.	Malými písmenami
           A, B, s	horná alfa.	Veľké písmená
           i, II, III	roman.	Rímske čísla skórované malými písmenami
           I, II, III	horný rímsky.	Rímske čísla zaznamenané veľkými písmenami

           Príklad: Aplikácia CSS vlastnosti typ-typ štýlu

           Označené zoznamy

           Označené zoznamy sú v podstate podobné číslovaniu iba oni neobsahujú konzistentné číslovanie položiek. Označené zoznamy sú vytvorené pomocou blokového prvku.

           (Z anglického neusporiadaného zoznamu - nemeraný zoznam). Každý prvok zoznamu, ako v očíslovaných zoznamoch, začína značkou
           • . Prehliadač vytvára zarážku pre každú položku zoznamu a automaticky zobrazuje značky.
             Tag
             Má nasledujúcu syntax:
             • Prvý bod
             • Druhý bod
             • Tretí bod

             V nasledujúcom príklade je možné vidieť, že štandardne sa pred každým zoznamom pridá malý marker vo forme maľovaného hrnčeka:

             Vnútri tagu

             • Nie je nutne umiestniť len text, je prípustné umiestniť akýkoľvek prvok streamingového obsahu (referencie, odseky, obrázky atď.)

               Vnorené zoznamy

               Akýkoľvek zoznam môže byť investovaný do iného. Vnútri prvku
             • Je prípustné vytvoriť vnorený zoznam alebo zoznam druhého stupňa. Ak chcete zoznam pripojiť, opíšte nový zoznam vo vnútri prvku.
             • Existujúci zoznam. Keď pripojíte jeden označený zoznam, iný prehliadač automaticky mení štýl marker pre zoznam druhých úrovní. Akýkoľvek zoznam môže byť investovaný do iného. Nasledujúci príklad ukazuje štruktúru označeného zoznamu investovaného v druhom mieste číslovaného čísla.

               Príklad: vnorené zoznamy

               • Vyskúšajte si to sami "
               • Pondelok
                 1. Poslať mail
                 2. Navštívte editor
                    • Vyberte tému
                    • Doccarative dekorácie
                    • Posledná správa
                 3. Večerné zobrazenie správ
               • Utorok
                 1. Revidovať harmonogram
                 2. Posielať obrázky
               • Streda ...
               • Pondelok
                 1. Poslať mail
                 2. Navštívte editor
                    • Vyberte tému
                    • Doccarative dekorácie
                    • Posledná správa
                 3. Večerné zobrazenie správ
               • Utorok
                 1. Revidovať harmonogram
                 2. Posielať obrázky
               • Streda ...

               Formátovanie zoznamov štítkov

               Ak chcete zmeniť vzhľad marker zoznamov, stojí za to využiť nehnuteľnosť. typ-typ štýlu CSS Štýlové tabuľky:

               Nasledujúci príklad diskutoval rôzne štýly označených zoznamov:

               Príklad: štýly označených zoznamov

               • Vyskúšajte si to sami "
               • Kávu.
               • Kávu.
               • Kávu.
               • Kávu.

               DISK:

               • Kávu.
               • Mlieko.

               Kruh:

               • Kávu.
               • Mlieko.

               Námestie:

               • Kávu.
               • Mlieko.

               Žiadne:

               • Kávu.
               • Mlieko.

               Grafických značiek.

               HTML má možnosť vytvoriť zoznam grafickými markermi. Je to jedna vec, keď sú zoznamy značiek štandardné kruhy alebo štvorce, a úplne inak - keď vývojár samotný vyzdvihne marker podľa dizajnu stránky. Aby boli položky zoznamu, krásne, často používajte malé obrázky.
               Ak chcete nahradiť obvyklý marker na grafiku, nahradiť majetok typ-typ štýlu na majetku zoznam-štýl-obraz A zadajte adresu URL obrázku:

               Príklad: Grafické markery

               • Vyskúšajte si to sami "

               Značky zverokruhu

               • teľa
               • Výletne

               Značky zverokruhu

               • Aries
               • teľa
               • Výletne

               Zoznamy definícií (popisy)

               Zoznamy definícií sú veľmi vhodné na vytvorenie, napríklad vaše osobné zmluvné podmienky. Každá položka zoznamu definícií má dve časti: termín a jeho definíciu.
               Vložte celý zoznam do položky

               (z angličtiny. Zoznam definícií je zoznam definícií). Obsahuje značky

               (z angličtiny. Definícia termín je definovateľné slovo, termín) a

               (Od popisu definovania angličtiny - popis definovaného termínu).
               Zoznamy definícií sa často používajú vo vedeckých a technických a vzdelávacích publikáciách, vydávanie slovníkoch, slovníkoch, referenčných kníh atď. S ich pomocou.

               Celková štruktúra zoznamu popisov je nasledovná:

               Prvý termín

               Popis prvého termínu

               Druhý termín

               OPIS DRUHÉHO TRHU

               Nasledujúci príklad zobrazuje jedno možné použitie zoznamu definície:

               Príklad: zoznam definícií

               • Vyskúšajte si to sami "

               Počet sveta - od angličtiny. World Wide Web (www) je distribuovaný systém, ktorý poskytuje prístup k súvisiacim dokumentom umiestneným na rôznych počítačoch pripojených k internetu. Internet je súbor sietí, ktoré uplatňujú jeden výmenný protokol pre prenos informácií. Stránka je sada jednotlivých webových stránok, ktoré súvisia s odkazmi a jedným dizajnom.

               Celosvetový web

               - z angličtiny. World Wide Web (www) je distribuovaný systém, ktorý poskytuje prístup k súvisiacim dokumentom umiestneným na rôznych počítačoch pripojených k internetu.

               internet

               - súbor sietí uplatňujúcich jeden výmenný protokol pre prenos informácií.

               Internetová stránka

               - súbor jednotlivých webových stránok, ktoré sú prepojené odkazmi a jedným dizajnom.

               V predvolenom nastavení sa text pojmu stlačí na ľavý okraj okna prehliadača a opis termín je umiestnený pod a posunutý doprava.

               - 4.5 z 5 na základe 2 hlasov

               Špecifické informácie na stránke musia byť predložené ako zoznamy.

               Zoznamy vám umožňujú zefektívniť a systematizovať rôzne informácie a predložiť ju návštevníkovi vo vhodnej forme.

               Zoznamy vo HTML môžu byť tri odrody: označené zoznamy, číslované zoznamy a zoznamy definícií. Zvážte, ako ich vytvoriť v poriadku.

               Označený zoznam.

               Tento typ zoznamu sa používa najčastejšie. Zoznam štítkov v HTML je vytvorený pomocou tagov

               • . V rovnakej dobe, pred každým prvkom zoznamu, pridá sa značka, predvolená je marker vo forme hrnček. S tagmi sa vytvorí nádoba, v ktorej sa nachádzajú prvky zoznamu :.

                 Kód označeného zoznamu bude vyzerať takto:

                 • Možnosť
                 • Siaka verzia
                 • Možnosť je láskavá

                 Môžete sa pokúsiť vytvoriť HTML stránku pomocou tohto kódu a v dôsledku toho bude nasledujúci zoznam:

                 

                 Ako si môžete všimnúť, každý prvok zoznamu sa nachádza od nového riadku, zatiaľ čo niektoré zarážky sú vytvorené vľavo a nižšie. Každá položka zoznamu začína značkou, kruh môže byť použitý ako marker (predvolené), kruh alebo štvorcový. Tag

                 Tam je typový atribút, s ktorým je nastavený štýl markera. Tento atribút má nasledujúce hodnoty:
                 • disk - kruh;
                 • kruh - kruh;
                 • square - Square.

                 Hodnota disku sa štandardne používa.

                 Príklad vytvárania označeného zoznamu so značkami vo forme kruhu:

                 • Možnosť
                 • Siaka verzia
                 • Možnosť je láskavá

                 Výsledkom je, že zoznam bude mať nasledujúci formulár:

                 

                 Vytvorenie označeného zoznamu so štvorcami vo forme štvorcov:

                 • Možnosť
                 • Siaka verzia
                 • Možnosť je láskavá

                 Zoznam sa pozrie na:

                 

                 Typ Atribút môže byť použitý nielen na označenie

                 , ale aj na značku
                 • . Týmto spôsobom môžete vytvoriť zoznam s rôznymi značkami.
                   • Možnosť
                   • Siaka verzia
                   • Možnosť je láskavá

                   V dôsledku toho bude nasledovné:

                   

                   Číslované zoznamy.

                   HTML čísla v HTML sú zoznamy, v ktorých každá položka má poradové číslo, číslované zoznamy sú vytvorené pomocou značky

                   a vnorené v jeho tagoch

                   1. 1. Prvá línia
                      2. Druhý riadok
                      3. Tretí riadok

                      Ako takýto zoznam nasledovne:

                      

                      Štandardne sa číslovanie uskutočňuje arabskými číslami. Ale taga

                      Tam je atribút typu, s pomocou hodnôt, z ktorých môže byť číslovanie vyrobené v kapitál (typ \u003d "A") alebo čiara (typ \u003d "A") latinské písmená, rímske čísla v hornej časti (typ \u003d "I") a spodná (type \u003d "i") register.

                      Nižšie sú skrátené možnosti kódu a typ číslovania, ktoré môžu byť jedným alebo iným.

                      Zobrazenie zoznamu:

                      Zobrazenie zoznamu:

                      

                      Číslovanie s linkovými písmenami latinskej abecedy:

                      Zobrazenie zoznamu:

                      

                      Zobrazenie zoznamu:

                      

                      Zobrazenie zoznamu:

                      

                      Zoznam definícií HTML.

                      Špeciálny pohľad na zoznamy sú zoznamy definícií. Líšia sa v tom, že každý prvok zoznamu pozostáva z dvoch prvkov, termínu a textu, ktorý otvára jeho hodnotu. Tieto zoznamy sú vytvorené pomocou tagov

                      . Tag

                      Vytvorí kontajner pre zoznam, tag

                      zriaďuje termín a značku

                      Opis alebo definíciu termínu.

                      Tento zoznam je zaznamenaný takto:

                      Termín 1.

                      Definícia termínu 1.

                      Termín 2.

                      Definícia termínu 2.

                      Termín 3.

                      Definícia termínu 3.

                      Výsledkom bude nasledujúci zoznam:

                      

                      Ako vidíte, príslušné zarážky pre termín a text definície sú vytvorené.

                      Investované alebo viacúrovňové zoznamy v HTML.

                      Niekedy je potrebné pripojiť iný zoznam na jednu položku konkrétneho typu zoznamu. V HTML je možné neobmedziť niektoré zoznamy v prvkach iných zoznamov.

                      Napríklad tu je kód, s ktorými sú číslované zoznamy zapustené do prvkov označeného zoznamu.

                      • Možnosť
                        1. Prvá línia
                        2. Druhý riadok
                        3. Tretí riadok
                      • Siaka verzia
                        1. Prvá línia
                        2. Druhý riadok
                        3. Tretí riadok
                      • Možnosť je láskavá
                        1. Prvá línia
                        2. Druhý riadok
                        3. Tretí riadok

                      Jediným rozdielom je, že táto značka je striktne vytvorená na číslo zoznamov. Názov štítku pochádza z anglického redukcie "objednaný zoznam" - číslovaný zoznam.

                      Značka syntaxe

                      1. Element # 1.
                      2. Element # 2.
                      3. Element # 3.
                      4. ...

                 Kde typ atribútu \u003d "hodnota" môže mať nasledujúce hodnoty

                 • A - špecifikuje markery vo forme kapitálových latinských písmen (A, B, C ..);
                 • a - Nastavuje markery vo forme malých latinských písmen (A, B, C);
                 • I - Nastavuje značky vo forme veľkých rímskych čísel (I, II, III, IV ..);
                 • i - Nastavuje značky vo forme malých rímskych čísel (I, II, III, IV ..);
                 • 1 (Štandardne) - Nastaví značky vo forme arabských čísiel (1, 2, 3 ..);

                 Atribút štart \u003d "hodnota" nastaví počiatočnú hodnotu (východisková hodnota) správy.

                 Reverzný atribút nastaví návratový účet (v prípade potreby).

                 Tag

                 vyžaduje povinné použitie zatváracej značky

                 Pre vytvorenie položky zoznamu sa používa pár tag

                 • . Existujú oddelené slová, frázy, odseky, obrázky, kusy kódu a ďalšie, ktoré sú obsahom označeného zoznamu, sú umiestnené medzi otvormi a zatváraním.

                   Poznámka

                   Vo vnútri zoznamu je možné zmeniť svoj účet na váš účet. Ak to chcete urobiť, existuje špeciálna hodnota atribútu \u003d "" TAGE

                 • ktorá je priradená nejaká číselná hodnota. napríklad

                   1. Element # 1.
                   10. Element # 2.
                   11. Element # 3.

                 Príklady s číslovanými zoznamami v HTML (

                 )

                 Príklad 1. Číslovaný zoznam HTML vo forme latinských písmen

                 Príklad s veľkými písmenami

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Príklad s prísnymi písmenami

                 1. Element # 10.
                 2. Element # 11.
                 3. Element # 12.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Príklad 2. Číslovaný zoznam HTML vo forme rímskych písmen

                 Príklad s veľkými písmenami

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Príklad s prísnymi písmenami

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 PRÍKLAD 3. Číslovaný zoznam HTML Rôzne Štart Pozícia

                 Príklad, ktorý zobrazuje funkcie atribútu START, ktorý vám umožní nastaviť východiskovú hodnotu merača.

                 50. Element # 1.
                 51. Element # 2.
                 52. Element # 3.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.

                 Príklad 4. Zmena počítania v číslach HTML

                 Nižšie je príkladom s možnosťou zmeniť hodnoty merača pomocou atribútu hodnoty pri zobrazení nových položiek v štítkach

               • .

                 10. Element # 1.
                 11. Element # 2.
                 100. Element # 3.
                 101. Element # 4.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.
                 4. Element # 4.

                 Príklad 5. Zoznam reverzibilných kódovaných v HTML

                 Nasleduje príklad reverzného číslovaného zoznamu (účet v opačnom poradí).

                 10. Element # 1.
                 11. Element # 2.
                 12. Element # 3.
                 13. Element # 4.

                 Takto sa pozrie na stránku:

                 1. Element # 1.
                 2. Element # 2.
                 3. Element # 3.
                 4. Element # 4.

                 Zoznamy sa často používajú na webových stránkach, takže táto otázka je veľmi relevantná. HTML poskytuje dva typy zoznamov: očíslované a nearované (označené). Špeciálne značky sa používajú na vybudovanie zoznamov. Zoznámte sa s hlavnými značkami v tejto lekcii. Uvažujme, že typy zoznamov v HTML v poriadku av reálnych príkladoch sa budú zaoberať tým, čo sa líšia a ako sa zobrazia.

                 Číslované zoznamy v HTML

                 Číslované zoznamy v HTML - objednanej sekvencii prvkov. V číslovanom zozname sa pred každou položkou automaticky pripevní poradové číslo. Číslovaný zoznam má nasledujúci formulár:

                 1. Prvý prvok zoznamu
                 2. Druhý prvok zoznamu
                 3. Tretí zoznam prvkov
                 4. Prvok štvrtého zoznamu
                 5. Prvok piateho zoznamu

                 V tomto príklade bude zoznam zobrazený arabskými číslami. V číslovaných zoznamoch, existujú atribúty, s ktorými môžete zadať formát zobrazenia zoznamu:

                 1. Atribúty "I" alebo "I" - zoznam je očíslovaný rímskymi písmenami (kapitál alebo kapitál);
                 2. Atribúty "A" alebo "A" - číslovanie s latinskými písmenami (kapitál alebo kapitál);
                 3. Atribút "Štart" sa používa tak, že číslovanie nezačína nie je z prvej položky, poradové číslo, z ktorého je zoznam požadovaný ako parameter.

                 Príklad. Číslovaný zoznam, ktorý je tvorený z rímskych listov a začína druhým prvkom:

                 2. Prvý prvok zoznamu
                 3. Druhý prvok zoznamu
                 4. Tretí zoznam prvkov
                 5. Prvok štvrtého zoznamu
                 6. Prvok piateho zoznamu

                 Označené zoznamy HTML

                 NEZNAČOVANÉ KOMPENTY sa nazývajú aj neusporiadané alebo označené. Na zvýraznenie prvkov takéhoto zoznamu sa používajú špeciálne znaky (markery). Zobrazenie značiek zoznamu je nastavený v HTML kód pomocou špeciálnych atribútov. Príklad označeného zoznamu v HTML:

                 • Prvý prvok zoznamu
                 • Druhý prvok zoznamu
                 • Tretí zoznam prvkov
                 • Prvok štvrtého zoznamu
                 • Prvok piateho zoznamu

                 V tomto prípade bude zoznam vytvorený zo značkovačov vo forme odvážny bod. Atribúty nemeraného zoznamu sú:

                 1. "Disc" - markery vo forme maľovaného hrnčeka
                 2. "Kruh" - markery vo forme prázdneho hrnček
                 3. Square - markery vo forme maľovaného námestia

                 Príklad zadania špecifického značky v zozname:

                 • Prvý prvok zoznamu
                 • Druhý prvok zoznamu
                 • Tretí zoznam prvkov
                 • Prvok štvrtého zoznamu
                 • Prvok piateho zoznamu

                 Ako zoznamy môžu byť použité aj grafické obrázky, ktoré vám umožní krásne usporiadať HTML dokument. V praxi sa to často uplatňuje. Ak chcete implementovať túto úlohu, je potrebné zaregistrovať cestu do kódu na obrázok, ktorý bude slúžiť ako marker:

                 Prvý prvok zoznamu
                 Druhý prvok zoznamu
                 Tretí zoznam prvkov
                 Prvok štvrtého zoznamu
                 Prvok piateho zoznamu

                 Tiež sú investované zoznamy, pozostávajú z niekoľkých zoznamov:

                 1. Prvý prvok zoznamu
                 2. Druhý prvok zoznamu
                 • Zoznam prvý pododsek
                 • Zoznam druhý pododsek
                 3. Tretí zoznam prvkov
                 4. Prvok štvrtého zoznamu
                 5. Prvok piateho zoznamu

                 Snáď, snáď, všetko, čo som chcel povedať o zozname v HTML. Zoznamy sa veľmi často nachádzajú na webových stránkach. Pre ich formáciu potrebujete poznať určité pravidlá výstupu.