Névjegyzék

Négyszintű megrendelt HTML-listát. Egy címkézett lista a HTML-ben. Szabványos jelölők egy megjelölt listához

A HTML-ben végrehajtott listák egyikét jelölt lista. Ellenkező esetben az ilyen típusú listákat nem füstnek vagy rendezetlennek nevezik. A vezetéknevet gyakran használják a megfelelő címke nevének formális fordításaként

    Mely ilyen típusú listák szerveződnek HTML dokumentumokban (UL - rendezetlen lista, rendezetlen lista).

    Egy megjelölt listán speciális karaktereket használnak az elemek kiemelésére, a lista jelölőknek nevezik (gyakran golyóknak nevezik, ami az angol nyelvű golyó formális hangja). A lista markerek nézete a böngésző határozza meg, és a beágyazott listák létrehozásakor a böngészők automatikusan átirányítják a különböző fészkelési szintek markerek típusát.

    Címkék
      és

    Jelölt lista létrehozásához egy tartálycímkét kell használnia, amelyben az összes listaelem található. A felsorolási címkék megnyitása és záróeleme a lista előtt és utáni sorfordítással rendelkezik, így elválasztva, így a lista a dokumentum fő tartalmából származik, így nincs szükség a bekezdés címkék használatára itt


    .

    A lista minden elemének meg kell kezdenie a címkét

  • (LI - listaelem, listaelem). Címke
  • Nincs szükség megfelelő záró címkére, bár jelenléte elvileg nem újjáépített. A böngészők általában egy dokumentum megjelenítésével, minden új listaelemet új vonallal indítanak.

    Ezek az információk elegendőek egy elemi jelölt lista kialakításához. Adunk egy példát egy HTML-dokumentumra egy címkézett listával, amelynek megjelenik a böngésző megjelenítését az 1. ábrán. 2.1.

    Példa egy megjelölt listára

    Csillagjegyek:

    • Kos

    • borjú

    • Ikrek

    • Szűz

    • Mérleg

    • Skorpió

    • Nyilas

    • Az Ozeroghoz

    • Vízöntő

    • Hal

    Ábra. 2.1. Megjeleníti a megjelölt lista böngészőt

    Ne feledje, hogy a címke által jelölt lista elemei mellett

  • Lehet, hogy más HTML elemek. A fenti példában az egyik ilyen elem a szokásos szöveg, amely nem listaelem, hanem fejlécének lejátszása.

    jegyzet

    Néhány tankönyvben a HTML nyelv meg van adva, hogy egy címke tartályt kell használni a listán szereplő fejléc beállításához (LH - List fejléc, lista cím). Jelenleg ezt a címkét nem ismeri fel a közös böngészők bármelyikét, és nem szerepel a HTML specifikációban. Így a használat értelmetlen lesz, bár ez nem vezet hibát.

    Tegben

      Két paraméter adható meg: kompakt és típus.

      A kompakt paramétert érték nélkül rögzítjük, és a böngésző jelzésére használják, amelyet a lista kompakt formában kell megjeleníteni. Például a lista listájának felsorolásának betűtípusa vagy távolsága csökkenthető.

      jegyzet

      Jelenleg, a kompakt paraméter jelenléte a címkében

        Nem befolyásolja a listák megjelenítését vezető böngészőkkel. Ezért ennek a paraméternek a használata értelmetlen, különösen mivel a HTML 4.0 specifikáció nem ajánlott.

        A típus paraméter a következő értékeket veheti igénybe: lemez, kör és négyzet. Ezt a paramétert arra használják, hogy erőszakkal feladja a lista markerek típusát. A marker speciális nézete a használt böngészőtől függ. Tipikus megjelenítési beállítások a következők:

        Típus \u003d lemez - jelölők festett körökkel jelennek meg; Típus \u003d Kör - A jelölők nem festett körökkel jelennek meg; Típus \u003d Négyzet - jelölők festett eksűrőkkel jelennek meg. Példa a felvételre:

          .

          Az alapértelmezett érték típusa \u003d lemez. Az első szinten a beágyazott címke listákhoz az alapértelmezett a lemezérték, a második körön, a harmadik és a további téren. Így történik a Netscape és az Internet Explorer böngészők legújabb verzióiban. Ne feledje, hogy más böngészők egyébként jelölők is megjeleníthetők. Például a HTML 4.0 specifikációban a jelölő nézete megjelenik, amikor a típus \u003d négyzet értékét jelzi, a károsodott négyzet (négyzet körvonal) van megadva.

          Az azonos értékű típusú paraméter az egyes listaelemek markerek típusának meghatározására használható. Ehhez a megfelelő értékkel rendelkező típus paraméter megengedhető, hogy megadja a listaelem címkéjében

        • .

          Példa a felvételre:

        • .

          jegyzet

          A böngészők különböző módon különböznek a külön listaelemre vonatkozó jelölő nézetének meghatározásához. A Netscape böngésző megváltoztatja a marker típusát, és mindenkit azt követően, amíg a jelölő térképének következő újradefiniálása teljesül. Az Internet Explorer Browser csak az elemre változtatja a marker képét.

          Grafikus lista markerek

          Listajelzőkként grafikus képek használhatók, amelyet széles körben használnak vonzó, gyönyörűen tervezett HTML dokumentumok létrehozására. Valójában ez a lehetőség nem közvetlenül a HTML nyelvhez tartozik, de kissé mesterségesen valósul meg. Ez nem jelenti azt, hogy ezt nem ajánlott erre vagy kirablásra, de csak azt jelenti, hogy itt nincs külön nyelvű HTML-tervek.

          Az ötlet megértéséhez meg kell találnod a HTML oldalakon szereplő listák megvalósításának mechanizmust. Kiderül, hogy a lista címke

            (Mivel azonban a tag a listákat más típusú tekinthető alább) végzi az egyetlen feladata - jelzi a böngészőnek, hogy minden információt után elhelyezett ezt a címkét meg kell jeleníteni egy jobbra tolódása (francia), hogy valamilyen értéket. Címkék
          • A lista egyes elemeit jelzi, adja meg a listaelem szabványos markerek kimenetét.

            Ha létrehoznunk kell egy listát grafikus markerekkel, akkor általában címkék nélkül

          • . Elég lesz, mielőtt a lista minden eleme helyezze be a kívánt grafikus képet. Az egyetlen olyan feladat, amelyet eldönteni szeretne, elválasztja a listát a listából. Ehhez használhatja a bekezdés címkéket

            Vagy kényszerített sorfordítás
            . Egy példa a grafikus jelölőkkel ellátott lista megvalósítására, amelynek kijelzője az 1. ábrán látható. 2.2, az alábbiakban:

            amely csak egyszer kerül át. A kis képet tartalmazó fájl mérete is rendkívül elhanyagolható.

            jegyzet

            A grafikus markerekkel rendelkező listák létrehozásának módszereit a 8. fejezetben tárgyaljuk.

            A számozott listák az elemek sorozata sorszámmal rendelkeznek. A számozás megtekintése és típusa az elem paramétereitől függ

              amely egy lista létrehozására szolgál. A következő értékek számozási elemekként működhetnek:

              • arab számok (1, 2, 3, ...);
              • arab számok nulla, kevesebb, mint tíz (01, 02, 03, ..., 10);
              • regisztráció Latin betűk (A, B, C, ...);
              • kisbetűs latin betűk (A, B, C, ...);
              • római számok a nagybetűs (I, II, III, ...);
              • római számok a kisbetűs (I, II, III, ...);
              • Örmény számozás;
              • georgiai számozás.

              Gyakorlati szempontból a jelölt lista elemeinek megjelenítésének elveit lehet alkalmazni egy számozott listára. De figyelembe véve, hogy foglalkozunk a listával, vannak olyan jellemzők, amelyeket az alábbiakban tárgyalunk.

              Számozási lista

              A listát bármely számból elindíthatja; Ebből a célból a kezdőelem attribútumát alkalmazzák.

                vagy az elem értékén
              1. . Értékként minden egész számú pozitív szám jelenik meg. Nem számít, hogy milyen típusú számozás van telepítve, még akkor is, ha latin betűket használnak listaként. Ha egyidejűleg a listát használó és érték attribútumokat használnak, akkor az utóbbi nagyobb előnye van, és a számozás az 1. példában leírt számból meghatározott számból jelenik meg.

                1. példa A lista számozásának módosítása

                Felsorol

                1. Gondosan vigyázzon a munkahelyére.
                2. A helyiségben lévő világítás úgy van beállítva, hogy a fényforrás oldalról vagy az üzemeltető mögött van.
                3. Az orvosi szövődmények székének elkerülése ajánlott puha ülésen.


                Az első elem a lista ebben a példában kezdődik a római ábra IV, mivel a START \u003d „4” attribútum van megadva, akkor a szám V jön, és az utolsó elem nem lehet annak érdekében, és hozzá van rendelve a száma X (1. ábra).

                Ábra. 1. Római számok a listában

                Írási számok

                Alapértelmezés szerint a számozott lista meghatározott nézettel rendelkezik: Először van egy szám, akkor a pont, majd a szöveg a téren keresztül jelenik meg. Ez az írásforma vizuális és kényelmes, de egyes fejlesztők inkább a számozási listák végrehajtásának másik módját szeretné látni. Nevezetesen, a pont helyett volt egy záró konzol, amint azt az 1. ábrán mutatjuk be. 2 vagy valami hasonló.

                Ábra. 2. Nézze meg a számozott listát a konzollal

                A stílusok lehetővé teszik a listák számozásának típusát a tartalom és az ellen-növekmény tulajdonságok segítségével. Először az OL választó esetében be kell állítania az ellenállást: elemet, szükség van az egyes új listák számozására. Ellenkező esetben a számozás folytatódik, és az 1,2,3 helyett 5,6,7. Az elem értéke egyedülálló mérő azonosító, kiválasztjuk magunkat. Ezután el kell rejtenie a kezdeti jelölőket a List-Style-típusú stílusú tulajdonságon keresztül, amelynek nincs értéke.

                A tartalmi tulajdonságok általában a pszeudo-elemekkel kombinálva dolgoznak :: Miután és :: korábban. Tehát a Design Li :: korábban azt mondja, hogy a lista minden eleme előtt szükség van hozzáadni néhány tartalmat (2. példa).

                2. példa A számozás létrehozása

                Li :: korábban (tartalom: számláló (tétel) ")"; / * Add hozzá a zárójelek számához * / ellen-növekmény: tétel; / * Adja meg a számláló nevét * /)

                A számláló értékével rendelkező tartalmi tulajdonság (tétel) egy számot jelenít meg; A jelen példában látható konzol hozzáadásával megkapjuk a kívánt számozás típusát. A számszám növelése szükséges az egységenkénti szám számának növelése érdekében. Kérjük, vegye figyelembe, hogy mindenhol ugyanazt az azonosítót nevezi meg. A végső kód a 3. példában látható.

                3. példa A lista nézete megváltoztatása

                Felsorol

                1. Első
                2. Második
                3. A harmadik
                4. Negyedik


                Egy adott módon bármilyen számú listát készíthet például, hogy a számot négyszögletes zárójelben vegye be, csak egy sor változik a stílusokban.

                Tartalom: "[" számláló (tétel) "]";

                Orosz levelek listája

                A latin betűkkel nincs számozott lista, de nincsenek orosz betűk a listához. Mesterségesen hozzá lehet adni a fenti üdvözlést. Mivel a számozás a stílusokon történik, maga a lista továbbra is az eredeti, a kiválasztott osztály csak hozzá van adva, hívja meg cyrilic (4. példa).

                4. példa Lista létrehozásához

                1. Egy
                2. Kettő
                3. Három

                A betűk hozzáadása Pseudo-elem :: korábban és tartalom tulajdonságai segítségével történik. Mivel minden vonalnak saját betűvel kell rendelkeznie, használjuk a pseudolass: nth-child (1), zárójelben van írva a levél számát. Az első betű, természetesen a második - B, a harmadik, a harmadik, stb., Az egész készlet hozzáadódik a LI választóhoz az alábbiak szerint (5. példa).

                5. példa Pseudoclass: nth-child

                Cyrilic Li: nth-child (1) :: korábban (tartalom: "a)"; ) .Cyrilic Li: nth-child (2) :: korábban (tartalom: "B)"; ) .Kiril Li: nth-child (3) :: korábban (tartalom: "b)"; )

                Ebben a példában, miután minden egyes betű egy kerek konzol megy, az összes betű kisbetűs. Meghatározhatja a Lista számozásának saját nézeteit, például tartalmazhat nagybetűket egy ponttal, egy vagy két zárójelgel vagy csak betűkkel. A szabványos számozással ellentétben szabadon bármit megtehetünk. A lista a tíz betű legyen elég szinte minden helyzetben, de ha ez a hirtelen ez nem lenne elegendő, semmi nem akadályozza meg a bővítését is listát, beleértve minden betű az orosz ábécé.

                Végül konfigurálja a betűk igazítását és pozícióját, ha szeretné, adja meg a betűméretet, a színt és más paramétereket (6. példa).

                6. példa: Orosz betűkkel

                Lista

                1. Borscht
                2. Schechki cutlets
                3. Culebyaka
                4. Gombák tejföllel
                5. Palacsinta kaviárral
                6. Kuvasz


                A példa eredményét az 1. ábrán mutatjuk be. 3.

                A HTML nyelv speciális címkéket biztosít a listák formájában bemutatott információk megjelenítéséhez. A listák az egyik leggyakrabban használt adatmegjelenítési formanyomtatványok, mind az elektronikus dokumentumok, mind a nyomtatott. A listákkal szinte minden nap találkozunk, lehet, hogy a szükséges vásárlások listája a boltban, a hallgatóknak az osztályteremben vagy igazságos ügyekben, amelyeket végre kell hajtani. Képes megszervezni listastruktúrák áll rendelkezésre sok szövegszerkesztők, különösen az erős szöveg processzor Microsoft Word kényelmes eszköz formázása listák különböző típusú (a lehetőségét HTML listák segítségével Microsoft Word tárgyalja a 8. fejezetet). Számos olyan esetet adunk meg, amelyekre a listák használata meglehetősen kényelmes:

                • Az információs fragmensek egyesítése egyetlen struktúrába, hogy olvasható nézetet kapjon.
                • A komplex lépésenkénti folyamatok leírása.
                • Az információ helyét a tartalomjegyzék stílusában, amelyek pontjai jelzik a dokumentum megfelelő részeit.

                Ne feledje, hogy a fenti tételek csak listájú szerkezetként vannak szervezve.

                A következő főbb listák a HTML-ben vannak megadva: megjelölt, számozott és definíciók listája. A különböző típusú listák megvalósításához a következő címkéket használják:

                  ,
                    ,
                    , , . A dokumentumba ágyazott különböző típusú listák segítségével számos lehetőség megvalósítható, amelynek leírása az e fejezetre is elkülönítve van. A különböző típusú építési listák jellemzőit figyelembe veszik, valamint az egymáshoz mellékelt listák alkalmazásait.

                    Lista

                    A HTML-ben végrehajtott listák egyikét jelölt lista. Ellenkező esetben az ilyen típusú listák nem mértek, vagy

                    rendezetlen. A vezetéknevet gyakran használják a megfelelő címke nevének formális fordításaként

                      Mely ilyen típusú listák szerveződnek HTML dokumentumokban (UL - rendezetlen lista, rendezetlen lista).

                      Egy megjelölt listán speciális karaktereket használnak az elemek kiemelésére, a lista jelölőknek nevezik (gyakran golyóknak nevezik, ami az angol nyelvű golyó formális hangja). A lista markerek nézete a böngésző határozza meg, és a beágyazott listák létrehozásakor a böngészők automatikusan átirányítják a különböző fészkelési szintek markerek típusát.

                      Címkék

                        és<Li\u003e

                        A megjelölt lista létrehozásához egy címketartályt kell használnia, amelyen belül az összes listaelem található. A lista megnyitó és záró listája a lista előtt és utáni fordítással rendelkezik, így elválasztva, így a lista a dokumentum fő tartalmából származik, így nincs szükség a bekezdés címkék használatára itt


                        .

                        A lista minden elemének címkével kell kezdődnie

                      • (LI - listaelem, listaelem). Címke
                      • Nem szükséges megfelelő zárócímke, bár az elvben való jelenléte nem újjászületett. A böngészők általában egy dokumentum megjelenítésével, minden új listaelemet új vonallal indítanak.

                        Ezek az információk elegendőek egy elemi jelölt lista kialakításához. Adunk egy példát egy HTML-dokumentumra egy címkézett listával, amelynek megjelenik a böngésző megjelenítését az 1. ábrán. 2.1.

                        Példa egy megjelölt listára

                          Csillagjegyek:

                          • Kos

                          • borjú

                          • Ikrek

                          • Rák

                          • egy oroszlán

                          • Szűz

                          • Mérleg

                          • Skorpió

                          • Nyilas

                          • Az Ozeroghoz

                          • Vízöntő

                          • Hal

                        Ábra. 2.1. Megjeleníti a megjelölt lista böngészőt

                        Ne feledje, hogy a címke által jelölt lista elemei mellett

                      • Lehet, hogy más HTML elemek. A fenti példában az egyik ilyen elem a szokásos szöveg, amely nem listaelem, hanem fejlécének lejátszása.

                        jegyzet

                        A HTML nyelv egyes tankönyvekben jelzi, hogy a címke tartályt kell használni a listán szereplő fejléc beállításához (LH - List fejléc, lista cím). Jelenleg ezt a címkét nem ismeri fel a közös böngészők bármelyikét, és nem szerepel a HTML specifikációban. Így a használat értelmetlen lesz, bár ez nem vezet hibát.

                        Címkékben

                          Két paraméter adható meg: kompakt és típus.

                          A kompakt paramétert érték nélkül rögzítjük, és a böngésző jelzésére használják, amelyet a lista kompakt formában kell megjeleníteni. Például a lista listájának felsorolásának betűtípusa vagy távolsága csökkenthető.

                          jegyzet

                          Jelenleg, a kompakt paraméter jelenléte a címkében

                            Nem befolyásolja a listák megjelenítését vezető böngészőkkel. Ezért ennek a paraméternek a használata értelmetlen, különösen mivel a HTML 4.0 specifikáció nem ajánlott.

                            A típus paraméter a következő értékeket veheti igénybe: lemez, kör és négyzet. Ezt a paramétert arra használják, hogy erőszakkal feladja a lista markerek típusát. A marker speciális nézete a használt böngészőtől függ. Tipikus megjelenítési beállítások a következők:

                            Típus \u003d lemez - jelölők festett körökkel jelennek meg; Típus \u003d Kör - A jelölők nem festett körökkel jelennek meg; Típus \u003d Négyzet - jelölők festett eksűrőkkel jelennek meg. Példa a felvételre:

                              .

                              Az alapértelmezett érték típusa \u003d lemez. Az első szinten a beágyazott címke listákhoz az alapértelmezett a lemezérték, a második körön, a harmadik és a további téren. Így történik a Netscape és az Internet Explorer böngészők legújabb verzióiban. Ne feledje, hogy más böngészők egyébként jelölők is megjeleníthetők. Például a HTML 4.0 specifikációban a jelölő nézete megjelenik, amikor a típus \u003d négyzet értékét jelzi, a károsodott négyzet (négyzet körvonal) van megadva.

                              Az azonos értékű típusú paraméter az egyes listaelemek markerek típusának meghatározására használható. Ehhez a megfelelő értékkel rendelkező típus paraméter megengedhető, hogy megadja a listaelem címkéjében

                            • .

                              Példa a felvételre:

                            • .

                              jegyzet

                              A böngészők különböző módon különböznek a külön listaelemre vonatkozó jelölő nézetének meghatározásához. A Netscape böngésző megváltoztatja a marker típusát, és mindenkit azt követően, amíg a jelölő térképének következő újradefiniálása teljesül. Az Internet Explorer Browser csak az elemre változtatja a marker képét.

                              Grafikus lista markerek

                              Listajelzőkként grafikus képek használhatók, amelyet széles körben használnak vonzó, gyönyörűen tervezett HTML dokumentumok létrehozására. Valójában ez a lehetőség nem közvetlenül a HTML nyelvhez tartozik, de kissé mesterségesen valósul meg. Ez nem jelenti azt, hogy ezt nem ajánlott erre vagy kirablásra, de csak azt jelenti, hogy itt nincs külön nyelvű HTML-tervek.

                              Az ötlet megértéséhez meg kell találnod a HTML oldalakon szereplő listák megvalósításának mechanizmust. Kiderül, hogy a lista címke

                                (Mivel azonban a tag a listákat más típusú tekinthető alább) végzi az egyetlen feladata - jelzi a böngészőnek, hogy minden információt után elhelyezett ezt a címkét meg kell jeleníteni egy jobbra tolódása (francia), hogy valamilyen értéket. Címkék
                              • A lista egyes elemeit jelzi, adja meg a listaelem szabványos markerek kimenetét.

                                Ha létrehoznunk kell egy listát grafikus markerekkel, akkor általában címkék nélkül

                              • . Elég lesz, mielőtt a lista minden eleme helyezze be a kívánt grafikus képet. Az egyetlen olyan feladat, amelyet eldönteni szeretne, elválasztja a listát a listából. Ehhez használhatja a bekezdés címkéket

                                Vagy kényszerített sorfordítás
                                . Egy példa a grafikus jelölőkkel ellátott lista megvalósítására, amelynek kijelzője az 1. ábrán látható. 2.2, az alábbiakban:

                                Lista

                                  Csillagjegyek:

                                    Kos

                                    borjú

                                    Felmászik

                                    Pak.

                                    Lév

                                    Szűz

                                    Mérleg

                                    Skorpió

                                    Gömb

                                    Bak

                                    Vízöntő

                                    Hal

                                Ábra. 2.2. Jelölt lista grafikus markerekkel

                                A fenti példában egy Green_Ball.gif grafikus fájl a listaelem jelölőjeként szolgál. Ne feledje, hogy a grafika a HTML oldalakon jelentősen növelheti a továbbított információk mennyiségét. Ebben az esetben azonban ez a növekedés rendkívül elhanyagolható. Itt minden jelölő esetében ugyanazt a fájlt használják.

                                amely csak egyszer kerül át. A kis képet tartalmazó fájl mérete is rendkívül elhanyagolható.

                                jegyzet

                                A grafikus markerekkel rendelkező listák létrehozásának módszereit a 8. fejezetben tárgyaljuk.

                                Számozott lista

                                A HTML-ben végrehajtott listák egy másik típusa számozott lista. Ellenkező esetben az ilyen típusú listák megrendeltek. A vezetéknevet gyakran használják a megfelelő címke nevének formális fordításaként

                                  Az ilyen típusú listák HTML dokumentumokban (OL - megrendelt lista, megrendelt lista) szerveződnek.

                                  Az ilyen típusú listák általában az egyes elemek rendezett sorrendje. A kijelölt listák különbsége az, hogy a számozott listában a szekvencia szám automatikusan elhelyezi az egyes elemek előtt. A számozás típusa a böngészőtől függ, és a listacímkék paramétereiben állítható be. Ellenkező esetben a számozott listák megvalósítása nagyrészt hasonló a megjelölt listák végrehajtásához.

                                  Címkék

                                    és
                                  1. Számozott lista létrehozásához használja a címketartályt, amelyben az összes listaelem található. A listázási és záró lista címkék a lista előtt és utáni fordításokat kínálnak, így elválasztják a listát a dokumentum fő tartalmából.

                                    Ami a megjelölt listát illeti, a számozott lista minden elemének címkével kell kezdődnie

                                  2. .

                                    Adunk példát egy HTML-dokumentumra számozott listával, amelynek megjelenítése A böngészőt az 1. ábrán mutatjuk be. 2.3.

                                    Példa egy számozott listára

                                      A Földről látható legvilágosabb csillagok:

                                      • Sirius

                                      • Az anopushoz

                                      • Arctur.

                                      • Alfa-centauri

                                      • Vega

                                      • Az apellhez

                                      • Rigel

                                      • SZEMÉLY

                                      • Ahernár.

                                      • Beta Centaurus

                                      • Veltegey

                                      • Aldebaran.


                                        . . .

                                      • Mitsar


                                        . . .

                                      • Öntött

                                    Ábra. 2.ZSzámozott lista

                                    Címkékben

                                      A következő paraméterek meghatározhatók: kompakt, típusa és indítása.

                                      A kompakt paraméter ugyanaz, mint a címke listák. A típus paraméter a lista számozási típusának beállításához használható. A következő értékeket veheti igénybe:

                                      Típus \u003d A - Megadja a markereket tőke latin betűk formájában;

                                      Típus \u003d A - Megadja a jelölőket kisbetűs latin betűk formájában;

                                      Típus \u003d I - A markerek nagy római számok formájában állnak;

                                      Típus \u003d I - A markerek kis római számok formájában állnak;

                                      Típus \u003d 1 - Megadja a jelölőket az arab számok formájában.

                                      Az alapértelmezett értéket mindig a \u003d 1, azaz a számozás az arab számok segítségével használja. Ez a számozott listákra is vonatkozik. Itt, a címke listákkal ellentétben az alapértelmezett böngészők nem tesznek különböző számokat a listák listájának különböző szintjén. Ne feledje, hogy a listaelemek száma után a "Point" jel mindig megjelenik.

                                      Az azonos értékű típusú paraméter használható az egyes listaelemek számozási számának jelzésére. Ehhez a megfelelő értékkel rendelkező típus paraméter megengedhető, hogy megadja a listaelem címkéjében

                                    1. .

                                      Példa a felvételre:

                                    2. .

                                      Indítsa el a címke paraméterét

                                        Lehetővé teszi a számozási listát nem az egyikből. A start paraméterértékként mindig meg kell jelölni a természetes számot, függetlenül a számozási listától függetlenül. Adunk egy példát:

                                          .

                                          Az ilyen rekord meghatározza a lista számozását az "E" tőke latin betűből. Más típusú számozás esetén a felvételi indítás \u003d 5 meghatározza a számozást, illetve az "5" szám, római "V", stb.

                                          A lista és a számértékek számozási típusának módosítása érvényes és bármely listaelemre. Címke

                                        1. A számozott listák esetében lehetővé teszi a típus- és értékparaméterek használatát. A Típus Paraméter ugyanazokat az értékeket fogadhatja el, mint a címke
                                            .

                                            Prymer felvétel:

                                          1. .

                                            jegyzet

                                            A böngészők különböző módon értelmezik a külön listaelem számozásának számát. A Netscape böngésző megváltoztatja a számozási típust az elemhez, és az ezt követő mindenkit követően, amíg a következő újradefiníció teljesül. Az Internet Explorer Browser csak az elemre változtatja a számot.

                                            Z.az értékcímke paraméter megtekintése

                                          2. - Lehetővé teszi a lista ezen elemének számát. Ez megváltoztatja a számozás és az összes későbbi elemet. A tipikus használat a listák néhány üres üres kihagyásával. Egy ilyen lista példáját a fentiek alapján adták meg (2.3. Ábra). Ez ad egy közönséges listát a legszembetűnőbb csillagokról, amelyekben a szélességünkben jól látható csillagok (Misar 58 és 75 hely (MITAR - A csillagkép legvilágosabb sztárja nagy medve, és a Polar Star egy kis medve).

                                            Adunk egy másik példát a különböző típusok számozásának használatára. Az alábbi HTML-kódban három különböző számozással rendelkező listát adunk meg. A megtekintés kényelme érdekében mindegyik listát egy külön táblázatba helyezik. Mindhárom lista azonos és megkülönböztethető csak a számozás nézetével: az asztal első oszlopában - az arab számok, a második római, és a harmadik számozással latin betűk végzik. Ne feledje, hogy a lista elemei üresek, azaz bármely címke után

                                          3. Nincs adat. Az ilyen jellegű példa egy megfelelő asztalként használható az arab és római számok felvétele között. Kiderül, hogy bármely olyan böngésző, amely támogatja a listákat, használható egy ilyen táblázat generátorként (2.4. Ábra), csak tárcsázza a meghajtott HTML kódot. A római számok számozása helyesen működik a 3999-es értékig. A jobb oldali oszlop tanulmányozása, meg tudja érteni, hogy a latin betűk számozása hogyan történik. Az egy piscardous számozás kimerülése (A-tól Z-ig) az első kétbetűs szám a következő számként történik - AA stb.

                                            Különböző típusú számozás használata a listákban


                                              1. . . .


                                            1. . . .


                                            1. . . .

                                            Ábra. 2.4.Különböző típusú HTML listák

                                            A definíciók listája

                                            A definíciók listája, amelyeket különös feltételek is neveznek, speciális listák. Más típusú listákkal ellentétben a definíciós lista minden eleme mindig két részből áll. A listaelem első részében a definíciós kifejezést rögzítik, és a második részben a szókincs cikk formájában szereplő szöveget, amely feltárja a kifejezés értékét.

                                            A definíciók listája egy címke tartály segítségével van megadva

                                            (Definíciós lista). Belső konténer tagom
                                            (Meghatározás kifejezést) jelöli meg definiálható kifejezés, és címke
                                            (Definíció leírása) - bekezdés definíciójával. Tagovhoz
                                            és
                                            Nem rögzítheti a megfelelő záró címkéket.

                                            Általában a definíciók jegyzékét a következőképpen írják le:

                                            Kifejezés

                                            A kifejezés meghatározása

                                            A szöveg után a címke után

                                            A blokkszint elemek nem használhatók, például a bekezdés címkék.

                                            Vagy címsorok

                                            -

                                            . Rendszerint a meghatározott kifejezés szövegét egy sorban kell elhelyezni. A kifejezés definícióját tartalmazó szöveg jelenik meg, kezdve a következő sort (vagy egy böngészőn keresztül egy karakterláncon keresztül), miután meghatározta a visszavonási időt. A címke után elhelyezett információkban
                                            A blokkszint elemek elhelyezhetők. Innen következik, hogy a definíciók listája befektethető.

                                            Címkékben

                                            A kompakt paraméter meghatározható, amelynek célja hasonló a fent leírt egyéb listákhoz.

                                            Adunk egy példát egy HTML-dokumentumra, amely a definíciók listáját használja:

                                            Példa a definíciók listájára

                                            Az ember tipikus temperamentumainak osztályozása,
                                            alapuló

                                            a Hippokrák véleményeiről

                                              Flegmatikus személy

                                              Passzív, nagyon képes, lassan alkalmazható;
                                              a hangulat fenntartható, lehetetlen külső befolyás;
                                              az érzelmi reakciók hiánya és a lassúság hiánya

                                              Sanguinik

                                              Aktív, energikus, könnyen alkalmazható, -
                                              az érzelmi reakciók élettartama és mobilitása, a folyamatok sebessége és ereje

                                              Kolerás

                                              Aktív, nagyon energikus, tartós;
                                              az érzelmi reakciók préselése és ereje, erőszakos hazai megnyilvánulások

                                              Mélabús

                                              Passzív, könnyen meghúzható, alig alkalmazható, -
                                              a hiányos megnyilvánulások gyengesége és a depressziós hangulat dominanciája, bizonytalanság

                                            Az adott HTML-dokumentum megjelenítését a böngészőben az 1. ábrán mutatjuk be. 2.5.

                                            Ábra. 2.5. A definíciók listája (emlékeztet egy cikkcsoportot a szótárban)

                                            A típusú listák

                                            és

                                            A típusú listák

                                            és Jelenleg gyakorlatilag nem használható, bár a támogatási vezető böngészők még mindig biztosítottak. A HTML 4.0 specifikációban mindkét típusú listát törölték. Ehelyett javasoljuk, hogy a címke által meghatározott jelölt listákat használja
                                              .

                                              Kezdetben ezeknek a típusoknak a listái összpontosítanak, mint a szokásos megjelölt listákhoz képest. A szabályok szerint a felvétel az elemek ezen listák, nem engedték használni blokkokat, ami azt jelenti, hogy lehetetlen a megvalósítása a fészkelő a listákat az ilyen típusú. A lista minden eleme egy szövegsor volt.

                                              A típuslistákhoz

                                              Azt tervezték, hogy a lista szöveg hossza hossza (24 karakter) határértékét adta meg. Egy ilyen korlátozás lehetővé tenné

                                              a típusú listák

                                              A könyvtárak listájának a UNIX és az MS-DOS operációs rendszerek kimenetéhez hasonló formában (több oszlopban). Ezenkívül a jelölők nem jelennek meg az ilyen típusú listák elemeihez.

                                              Jelenleg mindezen terveket nem hajtják végre, mivel a típusadat-listák további felhasználása nem ajánlott. A böngészők modern verziói ezeknek a típusoknak a listáinak listája jelenik meg, mint a

                                                .

                                                Beágyazott listák

                                                Vannak olyan esetek, amikor ugyanolyan típusú vagy más, az ilyen típusú vagy más listát tartalmazó teljes listát kell tartalmaznia. Ebben az esetben a többszintű vagy alfezett listák szerveződnek. A HTML-ben a különböző típusú listák megengedett önkényes csatolása, azonban a szervezetüknek pontosnak kell lennie.

                                                Az alábbiakban a beágyazott listákkal rendelkező dokumentum HTML kódja, amelynek kijelzője az 1. ábrán látható. 2.6. Ebben a példában a megjelölt lista minden eleme numeroned lista.

                                                Példa fektetett lista

                                                  Néhány bolygó műholdak

                                                • Zemvy

                                                    1. Hold

                                                • MAPC.

                                                    1. Phobos

                                                    2. Damók.

                                                • Uránusz

                                                    1. Ariel

                                                    2. Umbriel

                                                    3. Titán

                                                    4. Oberon

                                                    5. Miranda

                                                • Neptun

                                                    1. Triton

                                                    2. Sellő

                                                  A számozott listák az elemek sorozata sorszámmal rendelkeznek. A számozás megtekintése és típusa a címke attribútumaitől függ

                                                    amely egy lista létrehozására szolgál. A számozott lista minden pontját a címke jelzi
                                                  1. Az alábbiak szerint.

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

                                                    Ha nem ad meg további attribútumokat, és egyszerűen írjon egy címkét

                                                      Az arab számok (1, 2, 3, 3, ...) alapértelmezett listáját alkalmazzuk, amint azt a 11.3.

                                                      11.3. Példa. Számozott lista létrehozása

                                                      Számozott lista

                                                      Dolgozni idővel

                                                      1. a pontosság létrehozása (soha nem lesz késedelmes);
                                                      2. gyógyítani a pontosságból (soha nem siethetsz sehová);
                                                      3. az időmegjelenítés és az óra változása.


                                                      A példa eredményét az 1. ábrán mutatjuk be. 11.3.

                                                      Ábra. 11.3. Nézd meg a számozott listát

                                                      Ne feledje, hogy a számozott listában az automatikus francia bekezdések is hozzáadódnak a szöveg aljától és balra.

                                                      A következő értékek számozási elemekként működhetnek:

                                                      • arab számok (1, 2, 3, ...);
                                                      • tőke latin betűk (A, B, C, ...);
                                                      • kisbetűs latin betűk (A, B, C, ...);
                                                      • regisztráció Római számok (I, II, III, ...);
                                                      • lCD római számok (I, II, III, ...).

                                                      A számozott lista típusának megadásához a Típuscímke attribútumot alkalmazzák

                                                        . Lehetséges értékei a táblázatban találhatók. 11.2.

                                                        Asztal. 11.2. A számozott lista típusai
                                                        A lista típusa HTML kód Példa
                                                        Arab számok

                                                        1. Cheburashka
                                                        2. Krokodili Gena
                                                        3. Shapoklyak
                                                        A latin ábécé nagybetűi

                                                        A. Cheburashka
                                                        B. Crocodile Gena
                                                        C. Shapoklyak
                                                        A latin ábécé ltrikus betűje

                                                        a. Cheburashka
                                                        b. Krokodili gena
                                                        c. Shapoklyak
                                                        Római számok a nagybetűkben

                                                        I. Cheburashka
                                                        II. Krokodili gena
                                                        III. Shapoklyak
                                                        Római számok alacsonyabb regiszterben

                                                        én. Cheburashka
                                                        II. Krokodili gena
                                                        III. Shapoklyak

                                                        Lista elindításához egy adott értékről a Start címke attribútumot használják.

                                                          . Nem számít, hogy melyik típusú lista telepítve van a típus segítségével, a Start attribútum ugyanolyan dolgozik a római és arab számokkal. A 11.4. Példában egy lista létrehozása római számokat használ a nagybetűvel kezdődő nyolcadik kezdődik.

                                                          11.4. Példa. Számozási lista

                                                          Római számok

                                                          1. King Magnum Xliv.
                                                          2. Siegfried király XVI
                                                          3. Sigismund király XXI
                                                          4. Husbrandt király I.


                                                          A példa eredményét az 1. ábrán mutatjuk be. 11.4.

                                                          Ábra. 11.4. Számozott lista római számokkal

                                                          A listák szervezési listájának HTML felelős egy teljes címkékért, amelynek szervezetnek meg kell felelnie bizonyos adatstrukturáló szabályoknak.

                                                          A HTML ötödik verziójának szabványa 3 típusú listát tartalmaz: számozott listák, címke listák és definíciók listája. Lehetőség van arra is, hogy egymásba illeszkedjenek egymásba beágyazott többszintű listák létrehozásával.

                                                          Számozott lista

                                                          Számozott lista - Ez egy olyan elem (listaelemek) készlete, amelynek specifikus szekvenciája van. A számozott lista minden egyes számának egyedi jelzője van, amely jelzi ennek az elemnek a sorrendjét a lista többi pontján. Alapértelmezés szerint a számozott lista számának jelölők száma. Az első bekezdés az 1. szám alatt megy, a második a 2. szám alatt és így tovább.

                                                          A számozott listák leggyakoribb példái a különböző ételek készítéséhez szükségesek. Mivel a recept egy számozott lista, egyértelmű cselekvések sorrendjével.

                                                          A címke a számozott listák létrehozására szolgál HTML-ben

                                                            Belül, amelyen az elemek adatokat találnak. Minden listaelem a címkével van megadva
                                                          1. :

                                                            Számozott lista:

                                                            1. Kávé
                                                            2. Tea
                                                            3. Tej


                                                            Próbáld ki

                                                            MEGJEGYZÉS: TAG

                                                              Mivel a gyermek elemek csak címkéket tartalmazhatnak
                                                            1. , vagyis a számozott lista teljes tartalmát az elemek belsejébe kell helyezni.
                                                            2. . Címke
                                                            3. Ezenkívül nincs korlátozása a tartalomon, így az IT bekezdések, képek, linkek, táblázatok, egyéb listák stb.

                                                              Lista

                                                              Lista - Ezek nem számozottak, vagyis az elemek rendezetlen listái, amelynek sorrendje nem számít. A megjelölt lista minden eleme ugyanazokkal a jelölőkkel rendelkezik, amelyek alapértelmezettként jelennek meg kis fekete körök formájában.

                                                              A címke a címke listák létrehozására szolgál HTML-ben

                                                                amelyen belül a lista elemei található (mint a számozott listák esetében a címke
                                                              • amely tartalmazza az összes megjelenített lista tartalmát):

                                                                Jelölt lista:

                                                                • Kávé
                                                                • Tea
                                                                • Tej


                                                                Próbáld ki

                                                                A markerek típusai

                                                                A számozott lista markerek típusai megváltoztathatók a Típus attribútum segítségével. Ez az attribútum ötféle jelölőt támogat:

                                                                A jelölésű listák nem rendelkeznek típus attribútummal, így a HTML azt jelenti, hogy megváltoztathatja a jelölő nézetét a megjelölt listában nem fog működni. Ahhoz, hogy változtassa meg a térképen a marker, ebben az esetben, akkor a CSS tulajdonság list-style-típusú, amely amellett, hogy az alapértelmezett értéket, akkor válassza ki két marker típusok: kör vagy négyzet.

                                                                Változtassa meg a jelölőket a listából:

                                                                Lap cím

                                                                Számozott lista az attribútum típusával \u003d "A":

                                                                1. Almák
                                                                2. Banán
                                                                3. Citrom

                                                                Számos lista az attribútum típusával \u003d "i":

                                                                1. Almák
                                                                2. Banán
                                                                3. Citrom

                                                                A címkézési listák jelölők típusai:

                                                                • Almák
                                                                • Banán
                                                                • Citrom
                                                                • Almák
                                                                • Banán
                                                                • Citrom


                                                                Próbáld ki

                                                                CSS List-Style-típusú tulajdonság, a jelölt listákra vonatkozó jelölőkön kívül számos különböző típusú markerek és számozott listák. De nem mindig a változás egy normál nézetben a marker a másik, elég szép lista. A listák készítéséhez jobb használni a CSS-t, ami lehetővé teszi, hogy ne csak a jelölő nézetét módosítsa, hanem helyettesítse a jelölőket a képeken, irányítsa a helyüket, és szabályozza a francia bekezdésüket. Hogyan teheted ezt mindezt.

                                                                Vízszintes lista

                                                                Ha a HTML-listát vízszintes menü létrehozásához használja, akkor a listaelemeket ugyanazon a vonalon kell elhelyeznie. HTML Ehhez nem fog működni, ezért szükséges a CSS használatához.

                                                                Vízszintes lista létrehozásához szükség van a listák elemeire, hogy regisztrálják a CSS-t a Display tulajdonságot az inline vagy az inline blokk értékével, attól függően, hogy milyen más tulajdonságokkal fogsz használni.

                                                                Lap cím

                                                                Számozott lista

                                                                1. Almák
                                                                2. Banán
                                                                3. Citrom

                                                                Jelölt lista:

                                                                • Almák
                                                                • Banán
                                                                • Citrom


                                                                Próbáld ki

                                                                Ezután az összes listaelem egy sorban van sor. Kérjük, vegye figyelembe, hogy a jelölők eltűnnek a listában, és nincsenek hely közöttük, de a bal oldali lista továbbra is marad.

                                                                Hogyan alakul a vízszintes lista vízszintes menübe, láthatja.



Tetszett a cikket? Oszd meg