A sorok (számjegyek) stilizálása rendelt OL listákban. Példák Stílusos dekoráció ul Li listák CSS tag ol készletek

Helló, kedves blogolvasók honlapja. Napjainkban az e kategória keretében szeretnék beszélni a különféle HTML-listákról, amelyek létrehozhatók speciálisan tervezett címkék ul, ol, li és dl. Az UL és LI pár, a jelölt listák OL és Li számozott, és a DL, DT és DD elemek segítségével létrehozzák az úgynevezett definíciós listákat. A beágyazott struktúrák létrehozásának rövid elveit is figyelembe vesszük.

Szeretném emlékeztetni Önöket, hogy már sikerült, sikerült beszélni a modern, valamint az elrendezések tábláiról (). Ezenkívül megérintettük az alapítványokat, jól tanultunk.

Jelölt listák alapján címkék ul és li

Az UL címke a címke listák létrehozásához és a számozott - OL létrehozásához használható. Ezek a címkék párok és blokkok, éppúgy, mint az Elem.

A külön listaelemek a nyitó- és zárócímke között helyezkednek el, ami viszont a Li nyílásban és záróelemben található. A fentiekből és a HTML listák aljáról a böngésző hozzáadja az egy sorba, hasonlóan a bekezdéscímke által létrehozott visszavonulásokhoz.

Lássuk például egy címkézett verziót, amely így néz ki:

• Első sor
• Második
• Az utolsó elem

A nyitó és záró címkék belsejében az UL, csak Li elemek telepíthetők, és bármilyen tartalom (szöveg, kép, fejléc, bekezdések, linkek, és még más listák is beilleszthetők ezen elemekbe.

Azok. Az UL csak egy megjelölt (nem megrendelt) lista megszervezésére szolgál, és mindaz, amit a weboldalon belül látni fog, a Li elemek tartalmával valósul meg.

UL esetén megváltoztathatja a jelölő nézetét, és különböző értékeket ír elő a "Type" attribútumhoz. Ha a "Type" (a jelölők megjelenése) az UL elemre nincs megadva, az alapértelmezett jelző nézet megjelenik (lemez - festett a kör színe a kör színében):

1. - Circle Cream (alapértelmezett);
   • - nem festett kör;
     • - Négyzet

A példákban a Típus attribútum, amelyet az UL elemen előírtunk, az ilyen típusú markerek használatával az összes elemhez. De a "Type" attribútum minden egyes Li-címke számára előírható, saját jelölőjének beállítása ehhez az elemhez.

Egy példa egy megjelölt listára különböző típusú marker minden egyes tétel:

1. Lemezjelző
2. Jelző nem festett lemez formájában
3. Négyzet

Numesed listák a HTML-ben a Tag Ora alapján

Számozott lista létrehozásához OL címkéket használnak, amelyben az Elemek Li újra elhelyezhető. OL és Li, amint azt már említettem, a blokkok (azaz a szélességben rendelkezésre álló helyet foglalnak el), és az OL belsejében nem kerülnek elhelyezve semmit sem, mint Li elemek.

Kiderül, hogy az OL és az UL olyan szerviz címkék, amelyek csak a böngésző jelzéséhez szükségesek, milyen lista (címkézett vagy vagy számozott). Az egyes tételek bal oldalán - az egyes tételek bal oldalán nem fogunk jelölőt, hanem a pontot és a mögöttes pontot:

1. Első sor
2. Második pont
3. Harmadik karakterlánc

Ahogy már említettem egy kicsit magasabb, az ul, ol és li elemek képesek használni a típus attribútumot. Lehetővé teszi, hogy konfigurálja a jelölő típusát vagy a beállítást, milyen számokat vagy betűket fognak számozni az elemeket. A számozott listához az attribútum paraméterei a következő értékeket kaphatják:

1. - A számozás hagyományos arab számokkal történik (ugyanazt az opciót alapértelmezés szerint használják, ha nincs "típusú" attribútum);
   1. - nagybetűk, mint a számozás;
      1. - kisbetűk;
         1. - tőke római számok;
            1. - kisbetűs római számok;

               Példa egy számozott listára, amely különböző típusú számozási típusokkal rendelkezik:

               

               1. a nagy római számok számozásával
               2. Számozás kis latin betűkkel
               3. Kis római számozás

               A számozott listák létrehozásakor lehetőség van a számozás elindítására egy egységből, de az attribútum attribútumban megadott számból. Például:

               1. Az első elem, amelynek száma az OL tag attribútuma indítása \u003d "23"
               2. A következő elem, egy egységenkénti számmal
               3. Még egy másik

               Az OL esetében új számokat is elindíthat bármely értékről, bármely elemből, az érték attribútumában a kívánt számmal a kívánt számmal. Például:

               1. Első pont az első számmal
               2. Ez az elem megkapja az érték \u003d "32" attribútumban megadott számot
               3. Pont nagyszámú

               A listák megjelenésének nyilvántartása a CSS-ben (Stílus táblák)

               De általában a jelölők megjelenését nem adják meg a típus attribútumon keresztül, hanem a megfelelő tulajdonságok előírása.

               Itt egyszerűen példát adok a nem számozott listák különböző jelölőkre, amelyek megjelenése egy különálló fájlon keresztül van beállítva, lépcsőzetes stílusú asztalokkal.

               • Első pont
               • Második
               • Utolsó

               De arról, hogy a későbbi cikkekben beszélünk. Ez így van, hogy a jelölők megjelenése az UL ezen a blogon van beállítva. A képeket jelölőként használják: a nem számozott lista rendes tételeihez - a nem mért beágyazott tételekhez -.

               Különleges és alfektetési listák HTML-kódban

               A harmadik és az utolsó nézetet "definíciós listáknak" nevezik, és három címkét - DL, DT és DD. A DL beszámol a böngészőre, amely követi a definíciók listáját.

               Általában ezt a fajtát használják (Nos, vagy azt feltételezték, hogy felhasználásra kerülne), hogy írjanak szótár cikkek (DT címkékben lévő fogvatartottak) és leírásaik (DD címkék fogvatartása).

               Első időszak

               Leírás

               A második kifejezés

               Leírása

               

               Ha megnézed a fenti példát, távolítsa el, hogy a DD elem (kifejezés leírása) eltolódott (40 képponttal) a DT elemhez képest (maga a kifejezés).

               Általában, DL, DT és DD blokk címkéket, és azon belül a DT elem, akkor csak betét tartalom vonal tag (kiderül, hogy belül a DT lehetetlen használni tömb elemei címeinek és bekezdések). És a DD címkéken belül bármilyen elemet és kisbetűket és blokkokat helyezhet el.

               Beágyazott lista A HTML-t analógiával hozza létre, egyszerűen, de a fő listán belül, az elemek része ismét a nyitó és záró ul vagy ul címke.

               Kérjük, vegye figyelembe, hogy az adott tétel lezáró Li, amelyben a mellékelt elemet létrehozni fogják, csak a csatolt lista teljes kódja után készülnek (nagyon fontos, hogy megfelelő megjelenítse a weboldalon). A mellékelt lista így nézhet ki:

               

               1. A fő számozott első pontja
               2. Második pont
                  • A beágyazott jelzés első eleme
                  • Második
                  • A megjelölés harmadik és utolsó pontja
               3. A harmadik elem számozott

               Sok szerencsét! A blog oldalak honlapján kétértelmű találkozók

               Lehet, hogy érdekel

               Hogyan kell behelyezni a HTML Link és kép (fotó) - IMG és egy címkék Válassza ki, opció, textarea, címke, fieldset, legenda - HTML címkék A legördülő listák és a szövegmező formái
               HTML űrlapok a webhelyhez - címkék formanyomtatvány, bemeneti és kiválasztása, opció, textarea, címke és mások weblevéles elemek létrehozásához
               Mivel a színek HTML és CSS-kódban vannak beállítva, az RGB árnyalatok kiválasztása a táblázatokban, a Yandex és más programok kibocsátásában
               Beágyazott és objektum - HTML-címkék a média tartalmának megjelenítéséhez (videó, flash, audio) weboldalakon
               A H1-H6 fejlécek címkéi és attribútumai, HR vízszintes vonal, RR és P BEKEZDÉS A HTML 4.01 szerint
               Asztalok a HTML - címkék asztal, TR és TD, valamint Colspan, Cellpadding, Cellpacing és Rowpan létrehozása érdekében
               Mi a HTML Hypertext Markup Language és hogyan láthatja az összes címke listáját a W3C érvényesítőben
               Betűtípusok (arc, méret és szín), blokkolás és előre elavult szöveg formázás tiszta HTML-ben (CSS használata nélkül)
               Iframe and frame - mi az, és hogyan lehet a legjobban használni a keretet HTML-ben
               IMG - HTML-címke a képek (SRC) beillesztéséhez, az igazításhoz és a szöveghez (igazításhoz), valamint a háttérfeladatok (háttér)

               Ha úgy dönt, hogy megváltoztatja az ul és a li listákat, akkor ez a téma érdekes lesz az Ön számára. Mivel itt számos eredeti megoldást ismer. Amely minden bizonnyal segít megváltoztatni a szabványos nézetet az egyedülálló, ahol a CSS stylist található a listák listájához. Plusz, mindent használunk, csak egy osztály, amely drasztikusan megváltoztatja a nézetet. Ezen paraméterek mellett megadhatja, hogy melyik számot kell elindítani a listát, mindent megtehetsz itt. A számozott listák kezdeti alapértéke az A. első vagy betű.

               Az alapok alapján most figyelembe vesszük a különböző részek kialakításának szerkezetét és értékeit. Ha valaki nem tudja, akkor Ul és Li, ez sokkal jobb lehetőség, mint az egyszerű szöveges szöveg, mert amikor a szöveg csomagolva van, különösen egy mobiltelefonon van, kiváló bemélyedés, és nem áramlik a marker körül.

               Úgy vélik, hogy a listák nagyszerű módja az oldalakon található információk bemutatásához, mert könnyen olvashatók és jól néznek ki. Sokan úgy gondolják, hogy a pontok golyók kis képek, de valójában mindegyikük meglehetősen egyszerű HTML-kódot hoz létre. Különböző típusú listákat helyezhet be egymásba, ha szeretné, csak ne felejtse el helyesen lezárni őket. Játszhatsz a kívánt szöveggel az összes ilyen listán.

               Azt is tudnia kell, hogy a listák eredetileg több elemet tartalmaznak:

               1 . Rendezetlen információk.
               2 . Megrendelt információkat.
               3 . Definíciók.

               A telepítés elérése:

               1. Opció:

               
               
               • Listaelem
               
               
               • Egyedi lista
               
               
               • Eredeti listák
               
               
               • Zornet.ru - Webmester
               
               
               • Egy másik lista
               
               
               
               CSS.

               Ksanopan (
               Margó: 19px 0 0;
               Padding: 0;
               Lista-stílus: Nincs;
               Counter-reset: Li;
               }
               .ksanplan Li (
               Border: 2px szilárd # 3575AD;
               Háttér: # D7DEE4;
               Pozíció: relatív;
               Margó alsó: 17px;
               Padding: 15px 9px;
               }
               .Ksanpan Li: Hover (
               Z-index: 1;
               }
               .ksannelopan Li: korábban (
               Határ: 2PX szilárd # 2270b3;
               Pozíció: abszolút;
               Top: -14px;
               Padding: 3px 9px;
               Betűméret: 11px;
               Betűtípus: merész;
               Szín: # 2466;
               Háttér: # F2F4F7;
               Ellentmondás: li;
               Tartalom: számláló (LI);
               -Webkit-átmenet-időtartam: 0,4S;
               Átmeneti időtartam: 0,4S;
               }
               .Ksanpan Li: Hover: korábban (
               Háttér: # 2672b3;
               Szín: # f7f9fb;
               -Webkit-transzformáció: fordítás (-11px, 0);
               -S-transzformáció: fordítás (-11px, 0);
               -O-transzformáció: fordítás (-11px, 0);
               Átalakítás: Fordítás (-11px, 0);
               }
               .ksangenopan li: utána (
               Tartalom: "";
               Pozíció: abszolút;
               Átmeneti időtartam: 0,3;
               -Webkit-átmenet-tulajdonság: szélesség;
               Átmeneti tulajdonság: szélesség;
               Z-index: -1;
               Háttér: #FFF;
               Magasság: 100%;
               balra: 0;
               Top: 0;
               Szélesség: 0;
               }
               .Ksanpan Li: Hover: utána (
               Szélesség: 100%;
               }

               
               Ezen az összes telepítés.

               2 másodperces lehetőség:

               

               
               
               • Listaelem
               
               
               • Egyedi lista
               
               
               • Eredeti listák
               
               
               • Zornet.ru - Webmester
               
               
               • Egy másik lista
               
               
               
               CSS.

               Beleduzlopambes (
               Margó alsó: 8px;
               Padding: 0;
               Lista-stílus: Nincs;
               Counter-reset: Li;
               }
               .Beleduzlopambes Li (
               Pozíció: relatív;
               Border: 2PX szilárd # 195588;
               Háttér: # EFF3F7;
               Padding: 15px 19px 15px 27px;
               Margó: 12px 0 12px 40px;
               -Webkit-átmenet-időtartam: 0,3;
               Átmeneti időtartam: 0,3;
               }
               .Beleduzlopambes Li: Hover (
               Háttér: #FFF;
               }
               .Beleduzlopambes Li: korábban (
               Vonalmagasság: 32px;
               Pozíció: abszolút;
               Top: 4px;
               Bal: -39px;
               Szélesség: 39PX;
               Text-Align: Center;
               Betűméret: 16px;
               Betűtípus: merész;
               Szín: # F9F5F5;
               Háttér: # 275B88;
               Ellentmondás: li;
               Tartalom: számláló (LI);
               Átmeneti időtartam: 0,2S;
               }
               .Beleduzlopambes Li: Hover: korábban (
               Szélesség: 46px;
               }
               .Beleduzlopambes Li: után (
               Pozíció: abszolút;
               balra: 0;
               Top: 4px;
               Tartalom: "";
               Magasság: 0;
               Szélesség: 0;
               Határ: 16px szilárd átlátszó;
               Határ bal szín: # 275B88;
               -Webkit-átmenet-időtartam: 0,2S;
               Átmeneti időtartam: 0,2S;
               }
               .Beleduzlopambes Li: Hover: utána (
               margó-balra: 6px;
               }

               
               A középső garamut függetlenül beállíthatja a webhely fő stílusát.

               3 Harmadik lehetőség:

               

               
               
               • Az UCOZ szkriptjei.
               
               
               • Az UCEZ sablonjai.
               
               
               • Tervezés az oldalra
               
               
               • Stílusok a webhelyen
               
               
               • A CSS stilisztikája.
               
               
               
               CSS.

               Nizualisanelag (
               Padding: 0;
               Lista-stílus: Nincs;
               Counter-reset: Li;
               }
               .Nizualisanelag li (
               Pozíció: relatív;
               Padding: 9px 17px 17px 25px;
               margó-balra: 39px;
               Átmeneti időtartam: 0,2S;
               Kurzor: mutató;
               Betűtípus: merész;
               Szín: # 343638;
               }
               .Nizualisanelag li: korábban (
               Határ: 3PX szilárd átlátszó;
               Vonalmagasság: 35px;
               Pozíció: abszolút;
               Top: 0;
               balra: -29px;
               Szélesség: 41px;
               Text-Align: Center;
               Betűméret: 14px;
               Betűtípus: merész;
               Szín: # 619dce;
               Ellentmondás: li;
               Tartalom: számláló (LI);
               Átmeneti időtartam: 0,3;
               
               Box-méretezés: Border-Box;
               }
               .Nizualisanelag li: Hover: korábban (
               Szín: # 337ab7;
               }
               .Nizualisanelag li: után (
               Pozíció: abszolút;
               Top: 0;
               balra: -29px;
               Szélesség: 41px;
               Magasság: 41px;
               Határ: 5px szilárd # 468bd0;
               Border-sugara: 50%;
               Tartalom: "";
               Opacity: 0,5;
               -Webkit-box méretezés: Border-Box;
               -Moz-box méretezés: Border-Box;
               Box-méretezés: Border-Box;
               }
               .Nizualisanelag li: Hover: utána (
               Animáció: 500ms Ease-in-out 0s Bouncin;
               Opacity: 1;
               }

               @Keyframes Bouncin (
               0% {
               Opacity: 0;
               Átalakítás: skála3d (.3, .3, 0,3);
               }
               20% {
               Átalakítás: Scale3D (1.3, 1.3, 1.3);
               }
               40% {
               Transzformáció: skála3d (.9, .9, .9);
               }
               60% {
               Opacity: 1;
               Átalakítás: Scale3D (1.03, 1.03, 1.03);
               }
               80% {
               Átalakítás: Scale3D (.97, .97, .97);
               }
               Nak nek (
               Opacity: 1;
               Transzformáció: skála3d (1, 1, 1);
               }
               }

               
               Egy gyönyörű animációval megy.

               4 Negyedik lehetőség:

               

               
               
               • A webhely első eleme
               
               
               • A webhely második eleme
               
               
               • A webhely harmadik eleme
               
               
               • A webhely negyedik eleme
               
               
               • Az oldal ötödik eleme
               
               
               
               CSS.

               Padding: 0;
               Lista-stílus: Nincs;
               }
               .kudezamuden Li (
               Padding: 6px;
               }
               .kudezamuden Li: korábban (
               Padding-Right: 11px;
               Betűtípus: merész;
               Szín: # 4979A0;
               Tartalom: "\\ 2606";
               Átmeneti időtartam: 0,4S;
               }
               .kudezamuden Li: Hover: korábban (
               Szín: # 235E90;
               Tartalom: "\\ 2605";
               }

               
               Az előző verziókhoz hasonlóan csak az ikon megváltozik.

               Általánosságban elmondható, hogy ez egy kis válogatás a listák, hogy egy webes mester, hogy készítsen egy gyönyörű listát a portálon, ahol ő maga is megteheti, ahogy látni akarja.

               Ha meg kell adnia az elemeket a számozott listán, a jelölés helyett, akkor megrendelt HTML-t használnak itt. Ez a lista az OL címke segítségével jön létre. A számozás egy egységgel kezdődik, és a lista minden egyes későbbi megrendelt elemét a Li-címke segítségével növeli.

               A HTML Hypertext Markup nyelven van egy címke

               címke listák létrehozására használják. Az összes modern böngésző támogatja, és lehetővé teszi, hogy az elemeket a megrendeléshez ne kelljen. Például a menüelemek és az összes érintett menüpontok segítségével történik: az ételek, termékek, berendezések, eszközök, és még sok más, amelyet az egyik vagy egy másik tétel prioritásának megjelölése nélkül kell felsorolni.

               Szintaxiscímke

               • # 1. elem.
               • # 2. elem.
               • # 3. elem.
               • ...

               Ezt a kódot az oldal jelölt listájára konvertálják:

               • # 1. elem.
               • # 2. elem.
               • # 3. elem.

               Címke

               egy zárócímke kötelező használatát igényli
               .

               A listaelemek kialakításához egy pár címkét használunk. Vannak külön szavak, kifejezések, bekezdések, képek, kódok, és több, amelyek a megjelölt lista tartalma, a nyitó és záró címkék között találhatók.

               Mi lehet a megjelölt lista tartalma?

               Ezek lehetnek különböző szövegek, beleértve az egyszeri szavakat, kifejezéseket és bekezdéseket, képeket, befektetett listákat, PHP kódszeleteket és még sok más, szükségszerűen, egyszerű címkézésre.

               A megjelölt listák minden eleme alapértelmezés szerint 40 pixel jobbra. A CSS stílusok használatával megváltoztathatjuk a listát a belátása szerint. Címke

               Ez a blokk, ezért minden rendelkezésre álló területre van szükség, korlátozott a képernyő szélén, egy táblázatkeret vagy az oldal más elemei.
               Megengedett, hogy "lista a listában"

               például

               • # 1. elem.
               • • # 2-1.
                 • # 2-2.
                 • # 2-3.
               • # 3. elem.
               • ...

               Attribútumok és címkék tulajdonságai

               Elterjedt tag attribútum

               A típus attribútum, amely jelzi, hogy a lista jelző hogyan fog kinézni. A következő értékeket veheti igénybe

               1. Típus \u003d "Disc" - egy festett bögre formájában (ez az érték alapértelmezés szerint határozza meg). A lemezen egy példa kissé magasabb volt.

               2. Írja be a \u003d "kör" - egy jelzőt egy átlátszó bögre formájában

               Például:

               • # 1. elem.
               • # 2. elem.

               • # 1. elem.
               • # 2. elem.

               3. Írja be a "négyzet" - egy négyzet alakú marker

               Például:

               • # 1. elem.
               • # 2. elem.

               De mi az oldalra néz:

               • # 1. elem.
               • # 2. elem.
               1. megjegyzés.

               A CSS-ben a jelölő típus a List-Style-típusú attribútum segítségével van beállítva:

               • ...

               Fontolja meg, hogy milyen értékek vehetnek fel a lista-stílus típusát:

               • lemez - egy bögre formájában lévő marker (egy példa magasabb volt)
               • kör - egy átlátszó bögre formájában (egy példa magasabb volt)
               • négyzet - egy négyzet alakú marker (egy példa magasabb volt)
               • decimal - marker formájában numerennov lista arab számok: 1, 2, 3, ...
               • decimális-vezető-nulla - a jelölő a numerennov lista formájában arab számok nulla elején: 01, 02, 03, ...
               • alacsonyabb-római - jelző a kisbetűk római ábécé numerennov listáján: I, II, III, IV, V
               • felső-római - egy jelző a római ábécé numerennov listájának formájában nagy betűkkel: I, II, III, IV, V
               • alsó-latin - A jelző a latin ábécé lista formájában, kis betűkkel: A, B, C, D, ...
               • felső-latin - A latin ábécé formájában lévő jelző nagy betűkkel: A, B, C, D, ...
               • alsó-görög - jelző a görög ábécé listájának formájában, kis betűkkel
               • felső görög - jelző a görög ábécé listájának formájában nagy betűkkel

               Jegyzet 2.

               Az attribútum maga a címkéhez rendelhető.

               és címkék
               • . Az attribútumcímke beállításakor
                 Minden listaelem jelenik meg, mivel az attribútum ezt jelzi. De megkérdezhetünk egy vagy egy másik elemet. Példa az ábrán:

                 A kód így néz ki:

                 • # 1. elem.
                 • # 2. elem.
                 • # 3. elem.

                 • # 1. elem.
                 • # 2. elem.
                 • # 3. elem.

                 A címkézők változása

                 A CSS használatával

                 A címke által létrehozott megjelölt lista elemei

                 tetszőleges képekkel lehet jelölni. A CSS-t a marker típusának megváltoztatására használják. például

                 • # 1. elem.
                 • # 2. elem.
                 • # 3. elem.

                 És úgy tűnik, hogy az oldalon:

                 • # 1. elem.
                 • # 2. elem.
                 • # 3. elem.

                 A CSS Súgó segítségével más típusú markerkijelzést állíthatunk be. De emlékeznie kell arra, hogy ha bármilyen stíluscímkét ad meg

                 Ez vonatkozik a lista összes elemére.
                 HTML-címkék

                 Jelentés és alkalmazás

                 A numerizált (megrendelt) lista olyan tételekre készült, amelyek határozott sorrendben követnek. A számozott lista a címkével kezdődik

                 (rövidítve az angolról rendelt lista. Rendelt lista). A lista minden eleme egy címkével kezdődik
                 1. (List elem).

                    Támogató böngészők

                    Tulajdonság			Opera.		IExplorer.	Él.
                    start, írja be	Igen	Igen	Igen	Igen	Igen	Igen
                    megfordult.	Igen	Igen	Igen	Igen	Nem	Nem

                    Tulajdonságok

                    Tulajdonság	Érték	Leírás
                    kompakt.	kompakt.	Nem támogatott HTML5. Azt jelzi, hogy a lista kisebb, mint a szokásos méret (vonalmagasság: 80%). Használja a CSS helyett ezt az attribútumot.
                    	megfordult.	Azt jelzi, hogy a megrendelésnek számozott (megrendelt) listában kell követnie. Az attribútumot nem támogatja az Internet Explorer és az Edge böngészők.
                    rajt.	szám	Megadja a számozott (megrendelt) lista kezdeti értékét. Az értékeket egész számnak kell használni, negatív értékeket használhat. A betűkkel (Típus \u003d "A" és Típus \u003d "A"), az attribútumértékben megadott szám az ábécé betű sorozatszáma. Például a Start \u003d "4" illeszkedik a levélhez "D" És a lista megkezdődik vele. A Start \u003d "27" érték használata esetén a számláló visszaáll, míg a lista kétjegyűvé válik ("27" \u003d "AA", "28" \u003d "AB", "29" \u003d "AC" ...) .
                    típus	1 (alapértelmezett) Egy nagy) a (kisbetűs) I (római nagy) Én (római kicsi)	Meghatározza a jelölő típusát, amelyet egy számozott (megrendelt) lista építésében használnak.

                    Példa a használatra

                    1. Első pont Második pont
                    2. Harmadik pont
                    
                    
                    

                    Nézze meg az oldalt, így:

                    1. Első pont.
                    2. A második elem.
                    3. Harmadik pont.

                    Ha azt szeretné, hogy a lista egy meghatározott számból induljon (nem 1), meg kell adnia a címke indítási attribútumát

                    .

                    Például:

                    Egy másik érdekes attribútum típus, amely lehetővé teszi, hogy beállítsák az ábécé számozás ("A" - nagy, "egy" vonalat, vagy a római számok számozását ("I" - a nagybetűs, "i" -ben az alsó regiszter).

                    Tekintsünk egy példát, amelyben minden lehetséges típusú attribútumértéket bemutatunk (eltér az alapértelmezett értéktől):

                    >
                    1. Első pont Második pont
                    2. Harmadik pont
                    >
                    1. Első pont Második pont
                    2. Harmadik pont
                    >
                    1. Első pont Második pont
                    2. Harmadik pont
                    >
                    1. Első pont Második pont
                    2. Harmadik pont
                    
                    
                    

                    Felhívom a figyelmet arra, hogy megengedett, hogy számozott (megrendelt) listákat készítsen más számozott listán (a listán belül

                    3. ):
                       1. Első pont
                          1. Első pont Második pont
                          2. Harmadik pont
                          Második pont
                          3. Harmadik pont
                          
                          
                          

                          Nézd meg az oldalt, így lesz.

                          Az egyetlen különbség az, hogy ez a címke szigorúan a listák számának megfelelően történik. A címke címe angolul "megrendelt lista" - számozott lista.

                          Szintaxiscímke

                          1. # 1. elem.
                          2. # 2. elem.
                          3. # 3. elem.
                          4. ...

                 Ha az attribútum típusa \u003d "érték" a következő értékeket veheti igénybe

                 • A - Megadja a markereket tőke latin betűk (A, B, C ..) formájában;
                 • a - A jelölők kisbetűs latin betűk (A, B, C ..) formájában állnak;
                 • I - A nagy római számok (I, II, III, IV ..) formájában jelöl.
                 • i - Kis római számok (I, II, III, IV ..) formájában.
                 • 1 (alapértelmezés szerint) - a jelölőket az arab számok formájában (1, 2, 3 ..) állítja be;

                 A Start \u003d "Value" attribútum beállítja a jelentés kezdeti értékét (kiindulási értékét).

                 A fordított attribútum beállítja a visszatérési fiókot (ha szükséges).

                 Címke

                 egy zárócímke kötelező használatát igényli

                 A listaelem kialakításához egy pár címkét használjuk

                 • . Vannak külön szavak, kifejezések, bekezdések, képek, kódok, és több, amelyek a megjelölt lista tartalma, a nyitó és záró címkék között találhatók.

                   jegyzet

                   A listán belül lehetőség van a fiókod megváltoztatására. Ehhez van egy speciális attribútum érték \u003d "" a címke

                 • amely numerikus értéket kap. például

                   1. # 1. elem.
                   10. # 2. elem.
                   11. # 3. elem.

                 Példák a számozott listák html-ben (

                 )

                 1. példa Latin betűk formájában számozott HTML-lista

                 Példa nagybetűkkel

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 Példa szigorú betűkkel

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

                 Így néz ki az oldalra:

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 2. példa Numered HTML-lista római betűk formájában

                 Példa nagybetűkkel

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 Így néz ki az oldalra:

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 Példa szigorú betűkkel

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 Így néz ki az oldalra:

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 3. példa Számozott HTML lista Egyéb kezdőpozíció

                 Példa, amely megmutatja a Start attribútum funkcióit, amely lehetővé teszi a mérő kezdő értékének beállítását.

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

                 Így néz ki az oldalra:

                 1. # 1. elem.
                 2. # 2. elem.
                 3. # 3. elem.

                 4. példa A HTML számának megváltoztatása

                 Az alábbi példa egy példa arra, hogy a mérési értékeket az érték attribútum segítségével módosítsa, amikor új elemeket jelenít meg a címkékben

                 • .

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

                   Így néz ki az oldalra:

                   1. # 1. elem.
                   2. # 2. elem.
                   3. # 3. elem.
                   4. # 4. elem.

                   5. példa HTML reverzibilis számozott listája

                   Az alábbiakban egy példa a fordító számozott lista (a fordított sorrendben).

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

                   Így néz ki az oldalra:

                   1. # 1. elem.
                   2. # 2. elem.
                   3. # 3. elem.
                   4. # 4. elem.