A hipertext jelölőnyelv HTML -ben van egy címke

felsorolásos listák létrehozására használják. Mindenki támogatja modern böngészőkés lehetővé teszi az elemek számozást nem igénylő sorrendben való megjelenítését. Például nagyon gyakran megjeleníti a menüpontokat és mindent, ami az oldalon található listákkal kapcsolatos: ételek, termékek, berendezések, eszközök és még sok más, amit fel kell sorolni anélkül, hogy ennek vagy annak a tételnek a prioritását jelezné.

Címke szintaxisa

• 1. tétel
• 2. tétel
• 3. tétel
• ...

Ezt a kódot a webhely felsorolás szerinti listájává alakítja át:

• 1. tétel
• 2. tétel
• 3. tétel

Címke

megköveteli a végcímke kötelező használatát
.

A párosított címke listaelemek létrehozására szolgál. A nyitó és záró címkék között egyes szavak, kifejezések, bekezdések, képek, kódrészletek és még sok más található, amelyek egy felsorolásos lista tartalma.

Mi lehet a felsorolásos lista tartalma?

Ez sokféle szöveg lehet, beleértve az egyes szavakat, kifejezéseket és bekezdéseket, képeket, beágyazott listákat, php -kóddarabokat és még sok mást, amelyek egyszerű címkézést igényelnek.

Minden listázott listaelem alapértelmezés szerint 40 képponttal jobbra van behúzva. A CSS stílusok segítségével tetszés szerint megváltoztathatjuk e lista megjelenítését. Címke

blokk alapú, ezért a rendelkezésére álló teljes területet elfoglalja, korlátozva a képernyő szélével, a tábla keretével vagy más oldalelemekkel.
A lista-listában mellékletek megengedettek

Például

• 1. tétel
• • 2-1. Tétel
  • 2-2. Tétel
  • Tétel # 2-3
• 3. tétel
• ...

Címke attribútumok és tulajdonságok

Széles körben használt címke attribútum

típusú attribútum, amely jelzi, hogyan fog kinézni a listajelző. A következő értékeket veheti fel

1. type = "disc" - jelölő kitöltött kör formájában (ez az érték az alapértelmezett). A lemez példája éppen fent volt.

2. típus = "kör" - átlátszó kör alakú jelölő

Például:

• 1. tétel
• 2. tétel

• 1. tétel
• 2. tétel

3.type = "square" - négyzet alakú jelölő

Például:

• 1. tétel
• 2. tétel

És így néz ki az oldalon:

• 1. tétel
• 2. tétel
1. megjegyzés

A CSS-ben a jelölő típusa a list-style-type attribútum segítségével adható meg:

• ...

Nézzük meg, milyen értékeket vehet fel a lista-stílusú típus:

• lemez - kör alakú jelölő (a példa fent volt)
• kör - jelölő átlátszó kör formájában (a példa fent volt)
• négyzet - négyzet alakú jelölő (a példa fent volt)
• tizedes - jelölő számozott lista formájában arab számokkal: 1, 2, 3, ...
• tizedes-vezető-nulla-jelölő számozott lista formájában arab számokkal, első nullával: 01, 02, 03, ...
• alsó -római - jelölő számozott lista formájában a római ábécében kis betűkkel: i, ii, iii, iv, v
• felső római - golyó számozott lista formájában a római ábécében nagy betűkkel: I, II, III, IV, V
• alsó latin - jelölő lista formájában a latin ábécében kis betűkkel: a, b, c, d, ...
• felső latin - jelölő lista formájában a latin ábécében nagybetűvel: A, B, C, D, ...
• alsó -görög - jelölő lista formájában a görög ábécében kis betűkkel
• felső -görög - jelölő lista formájában a görög ábécében nagybetűvel

Jegyzet 2

Az attribútum maga a címke is hozzárendelhető

és címkék
• ... Amikor attribútumot állít be egy címkéhez
  az összes listaelem az attribútum jelzése szerint jelenik meg. De beállíthatjuk saját kijelzőnket erre vagy arra az elemre. Példa a képen:

  A kód így néz ki:

  • 1. tétel
  • 2. tétel
  • 3. tétel

  • 1. tétel
  • 2. tétel
  • 3. tétel

  A címkejelzők megváltoztatása

  CSS használatával

  Felsorolt ​​listaelemek Címke által létrehozva

  , tetszőleges képekkel jelölhető. A CSS a marker típusának megváltoztatására szolgál. Például

  • 1. tétel
  • 2. tétel
  • 3. tétel

  És így néz ki az oldalon:

  • 1. tétel
  • 2. tétel
  • 3. tétel

  A CSS segítségével más típusú kijelzők is definiálhatók. De ne feledje, hogy amikor bármilyen stílust állít be a címkére

  , a lista minden elemére vonatkozik.

  A HTML speciális címkekészletet biztosít az információk listák formájában történő megjelenítéséhez. A listák az egyik leggyakrabban használt adatmegjelenítési forma, mind elektronikus dokumentumokban, mind nyomtatásban. Szinte minden nap találkozunk listákkal - ez lehet a boltban szükséges vásárlások listája, az osztályteremben tanulók, vagy csak elintézendő dolgok. A listaszerkezetek rendszerezésének lehetősége sok helyen elérhető szövegszerkesztők különösen egy hatékony szövegszerkesztő Microsoft Word kényelmes listaformázó eszközökkel rendelkezik különféle fajtákból(A HTML listák Microsoft Word használatával történő létrehozásának lehetőségeit a 8. fejezet tárgyalja). Íme néhány olyan eset, amikor a listák használata nagyon kényelmes:

  • Az információ egyesítése egyetlen szerkezetbe olvasható megjelenés érdekében.
  • Bonyolult, lépésről lépésre történő folyamatok leírása.
  • Az információ helye a tartalomjegyzék stílusában, amelynek bekezdései a dokumentum megfelelő szakaszát jelzik.

  Ne feledje, hogy a fenti elemek csak listaszerkezet formájában vannak megszervezve.

  A HTML a következő alapvető listatípusokat biztosítja: felsorolásos, számozott és definíciós lista. Listák megvalósításához különböző típusok a következő címkéket használják:

  ,
  ,

  , , ... A dokumentumba épített különféle típusú listák segítségével sokféle képesség valósítható meg, amelyeket ebben a fejezetben ismertetünk. Figyelembe veszik a különböző típusú építési listák jellemzőit, valamint a beágyazott listák használatát.

  Felsorolt ​​lista

  A HTML -ben megvalósított listák egyik típusa a felsorolásos lista. Ellenkező esetben az ilyen típusú listákat számozatlan ill

  rendezetlen. Ez utóbbi nevet gyakran használják a megfelelő címke nevének hivatalos fordításaként.

  , amelynek segítségével az ilyen típusú listákat HTML dokumentumokban rendezik (UL - Rendetlen lista, rendezetlen lista).

  A felsorolásos lista használja Különleges szimbólumok, list bullets (gyakran bullets, ami az angol bullet kifejezés formális kiejtése). A listajelzők típusát a böngésző határozza meg, és beágyazott listák létrehozásakor a böngészők automatikusan diverzifikálják a jelölők megjelenését a beágyazás különböző szintjein.

  Címkék

  és<LI>

  Felsorolás szerinti lista létrehozásához címke tárolót kell használnia, amelyen belül a lista összes eleme megtalálható. A nyitó és záró listacímkék sorcsatornákat biztosítanak a lista előtt és után, így elválasztják a listát a dokumentum fő tartalmától, így itt nincs szükség bekezdéscímkék használatára.

  
  .

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

  • (LI - Listaelem). Címke
  • nem szükséges megfelelő végcímke, bár jelenléte elvileg nem tiltott. A böngészők általában minden új listaelemet új sorban kezdenek a dokumentum megjelenítésekor.

    A megadott információk elegendőek egy elemi lista létrehozásához. Íme egy példa egy HTML dokumentumra, amely felsorolásos listát használ, amelyet a böngésző jelenít meg az ábrán. 2.1.

    Csillagjegyek:

    • Kos

    • Bika

    • Ikrek

    • Rák

    • egy oroszlán

    • Szűz

    • Mérleg

    • Skorpió

    • Nyilas

    • Bak

    • Vízöntő

    • Halak

    Rizs. 2.1. A böngésző kijelzett listája

    Vegye figyelembe, hogy a címkével jelölt listaelemeken kívül

  • , más HTML elemek is jelen lehetnek. A fenti példában az egyik ilyen elem a sima szöveg, amely nem listaelem, de a címének szerepét tölti be.

    jegyzet

    Néhány HTML tankönyv utasítást ad arra, hogy címke tároló használatával állítsa be a lista címét. (LH - Lista fejléc, lista fejléc). Ezt a címkét jelenleg egyik mainstream böngésző sem ismeri fel, és nem része a HTML specifikációnak. Így alkalmazása értelmetlenné válik, bár nem vezet semmilyen hibához.

    Címkében

    két paraméter adható meg: COMPACT és TYPE.

    A COMPACT paraméter értékek nélkül íródik, és ezt használja a böngésző értesítésére ezt a listát kompakt formában kell kiadni. Például csökkenthető a betűtípus vagy a lista sorai közötti távolság stb.

    jegyzet

    Jelenleg a COMPACT paraméter jelenléte a címkében

    semmilyen módon nem befolyásolja a listák vezető böngészők általi megjelenítését. Ezért ennek a paraméternek a használata értelmetlen, különösen azért, mert használatát a HTML 4.0 specifikáció nem javasolja.

    A TYPE paraméter a következő értékeket veheti fel: lemez, kör és négyzet. Ez a paraméter a listajelzők megjelenésének kényszerítésére szolgál. A marker pontos típusa a használt böngészőtől függ. Tipikus lehetőségek a leképezések a következők:

    TYPE = lemez - a jelölők kitöltött körökkel jelennek meg; TYPE = kör - a jelölők nyitott körökkel jelennek meg; TYPE = négyzet - a jelölők kitöltött négyzetekkel jelennek meg. Felvételi példa:

    .

    Az alapértelmezett TYPE = lemez. A beágyazott felsorolásos listák esetében az alapértelmezett lemez az első szint, a kör a második, a négyzet pedig a harmadik és annál magasabb. Ebben pontosan ez történik legújabb verziók Netscape és Internet Explorer böngészők. Vegye figyelembe, hogy más böngészők eltérően jeleníthetik meg a jelölőket. Például a HTML 4.0 specifikáció egy négyzet alakú körvonalat határoz meg a jelölő típusához, amely akkor jelenik meg, ha TYPE = square.

    Az azonos értékű TYPE paraméterrel megadható az egyes listaelemek jelölőinek típusa. Ehhez a listaelem címkéjében megadható a megfelelő értékű TYPE paraméter

    • .

      Felvételi példa:

    • .

      jegyzet

      A böngészők eltérően értelmezik a jelölőtípus megadását egyéni elem lista. Netscape böngésző megváltoztatja a jelölő típusát ehhez és az összes későbbihez, amíg a jelölőtípus következő újradefiniálása meg nem történik. internet böngésző Az Explorer csak ennél az elemnél módosítja a jelölő megjelenését.

      Grafikus listajelzők

      A grafika használható listajelölőként, amelyet széles körben használnak vonzó, szépen megtervezett HTML dokumentumok létrehozásához. Valójában az ilyen lehetőséget nem közvetlenül a HTML nyelv biztosítja, hanem kissé mesterségesen valósítják meg. Ez nem azt jelenti, hogy nem ajánlott vagy elítélendő ezt tenni, hanem csak azt jelenti, hogy itt nem használnak speciális HTML nyelvű konstrukciókat.

      Az ötlet megértéséhez meg kell értenie, hogyan valósítják meg a listákat a HTML oldalakon. Kiderül, hogy a listacímke

      (csakúgy, mint más típusú listák címkéi, amelyeket alább tárgyalunk) elvégzi az egyetlen feladatot - közli a böngészővel, hogy a címke után található összes információt egy bizonyos összeggel jobbra (behúzva) kell eltolni. Címkék:
      • amelyek az egyes listaelemekre mutatnak, szabványos listaelemeket biztosítanak.

        Ha grafikus jelölőkkel rendelkező listát kell felépítenünk, akkor teljes egészében megtehetjük a címkék nélkül.

      • ... Elég, ha a lista minden eleme elé beírja a kívánt elemet grafikus kép... Az egyetlen megoldandó feladat ebben az esetben a lista elemeinek egymástól való elkülönítése lesz. Ehhez használhat bekezdéscímkéket

        Vagy kényszerített sor előtolás
        ... Példa egy grafikus jelölőkkel ellátott lista megvalósítására, amelynek megjelenítése az ábrán látható. 2.2 az alábbiakban látható:

        Csillagjegyek:
        

        Kos
        

        Bika
        

        Ikrek
        

        Pak
        

        Lev
        

        Szűz
        

        Mérleg
        

        Skorpió
        

        Nyilas
        

        Bak
        

        Vízöntő
        

        Halak

        

        Rizs. 2.2. Felsorolás lista grafikus jelölőkkel

        A fenti példában a listaelem jelölője grafikus fájl Green_ball.gif. Ne feledje, hogy a grafikák használata a HTML -oldalakon jelentősen növelheti az átvitt információk mennyiségét. Ebben az esetben azonban ez a növekedés rendkívül jelentéktelen. Itt ugyanazt a fájlt használják minden jelölőhöz,

        amelyet csak egyszer továbbítanak. A kis képet tartalmazó fájl mérete is rendkívül kicsi.

        jegyzet

        A grafikus jelölőkkel ellátott listák létrehozásának módszereit sorra tárgyaljuk a 8. fejezetben.

        Számozott lista

        A HTML -ben megvalósított listák egy másik típusa a számozott lista. Ellenkező esetben az ilyen típusú listákat rendezettnek nevezzük. Ez utóbbi nevet gyakran használják a megfelelő címke nevének hivatalos fordításaként.

        , amelynek segítségével az ilyen típusú listákat HTML dokumentumokban rendezik (OL - Rendezett lista).

        Listák ilyen típusúáltalában az egyes elemek rendezett sorrendjét képviselik. A különbség a felsorolásos listákhoz képest az, hogy egy számozott listában minden elemet automatikusan egy sorszám előz meg. A számozás típusa a böngészőtől függ, és a listacímkék paramétereivel állítható be. Ellenkező esetben a számozott listák végrehajtása nagyon hasonló a felsorolásos listák megvalósításához.

        Címkék

        és

        1. Számozott lista létrehozásához használjon egy címke tárolót, amelyen belül a lista összes eleme megtalálható. A lista kezdő és záró címkéi sorcsatornákat biztosítanak a lista előtt és után, így elválasztják a listát a dokumentum fő tartalmától.

           A felsorolásos listához hasonlóan a számozott lista minden elemének a címkével kell kezdődnie

        2. .

           Íme egy példa egy HTML dokumentumra, amely számozott listát használ, akinek a kijelzőjeábra mutatja a böngészőt. 2.3.

           A Földről látható legfényesebb csillagok:

           • Sirius

           • Anopusra

           • Arcturus

           • Alfa Centauri

           • Vega

           • K apella

           • Rigel

           • Procyon

           • Achernar

           • Benta Centauri

           • Vetelgeuse

           • Aldebaran

             
             . . .

           • Mizar

             
             . . .

           • Poláris

           

           Rizs. 2.Z. Számozott lista

           Címkében

           a következő paraméterek adhatók meg: COMPACT, TYPE és START.

           A COMPACT paraméter jelentése megegyezik a felsorolásos listákkal. A TYPE paraméterrel állítható be a lista számozásának típusa. A következő értékeket veheti fel:

           TYPE = A - jelölőket állít nagybetűs latin betűk formájában;

           TYPE = a - jelölőket ad meg kisbetűs latin betűk formájában;

           TYPE = I - nagy római számok formájában határozza meg a markereket;

           TYPE = i - jelölőket ad meg kis római számok formájában;

           TYPE = 1 - jelölőket ad meg arab számok formájában.

           Alapértelmezés szerint mindig a TYPE = 1 értéket használja, azaz arab számokkal történő számozást. Ez vonatkozik a beágyazott számozott listákra is. Itt, a felsorolásos listákkal ellentétben, a böngészők alapértelmezés szerint nem végeznek különböző számozást a listák egymásba ágyazásának különböző szintjein. Vegye figyelembe, hogy a listaelem száma után a "pont" jel mindig megjelenik.

           Az azonos értékű TYPE paraméterrel megadható az egyes listaelemek számozási stílusa. Ehhez a listaelem címkéjében megadható a megfelelő értékű TYPE paraméter

           1. .

              Felvételi példa:

           2. .

              Címke START paraméter

              lehetővé teszi, hogy a listát nem eggyel kezdje számozni. A START paraméter értékeként mindig természetes számot kell megadni, függetlenül a lista számozásának típusától. Mondjunk egy példát:
              .

              Egy ilyen bejegyzés határozza meg a lista számozását a nagy latin "E" betűből. Más számozási típusoknál a START = 5 bejegyzés a számozást az "5", a római "V" szám stb.

              A lista számozási típusának és a számok értékének megváltoztatása a lista bármely eleméhez elvégezhető. Címke

              5. számozott listák esetén lehetővé teszi a TYPE és VALUE paraméterek használatát. A TYPE paraméter ugyanazokat az értékeket veheti fel, mint a címke.
                 .

                 NS Példa a rögzítésre:

                 1. .

                    jegyzet

                    A böngészők eltérően értelmezik az egyes listaelemek számozási típusának megadását. A Netscape böngésző módosítja ennek és az összes későbbi elemnek a számozását, amíg újabb felülbírálást nem talál. Az Internet Explorer csak ehhez az elemhez módosítja a szám megjelenését.

                    Za címke VALUE paraméterének értéke

                 2. - lehetővé teszi a listaelem számának megváltoztatását. Ez megváltoztatja az összes későbbi elem számozását is. A tipikus alkalmazások listák, amelyek bizonyos elemeket kihagynak. Az ilyen listára példát adtunk fent (2.3. Ábra). Rendezett listát ad a legfényesebb csillagokról, amelyben 58 és 75 helyen vannak olyan szélességi körökön jól látható csillagok (a Mizar az Ursa Major csillagkép legfényesebb csillaga, a Sarkcsillag pedig az Ursa Minor).

                    Íme egy másik eredeti példa a különböző típusú számozások használatára. A következő HTML kód három listát tartalmaz, különböző számozással. A megtekintés megkönnyítése érdekében minden lista a táblázat külön cellájába kerül. Mindhárom lista azonos, és csak a számozás típusában különbözik: a táblázat első oszlopában - arab számok, a másodikban - római, a harmadikban pedig a latin betűkkel. Vegye figyelembe, hogy a listaelemek üresek, azaz bármely címke után

                 3. nincs elérhető adat. Egy ilyen példa felhasználható megfelelési táblázatként a számok arab és római számokkal való rögzítése között. Kiderült, hogy minden böngésző, amely támogatja a listákat, generátorként használható egy ilyen táblázathoz (2.4. Ábra), amennyiben beírja a megadott HTML -kódot. A római számok helyesen működnek 3999 -ig. A jobb oldali oszlop megvizsgálásával megértheti, hogyan vannak számozva a római számok. Ha az egybetűs számozás (A-tól Z-ig) kimerült, az első kétbetűs szám lesz a következő szám-AA, stb.

                    . . .

                    . . .

                    . . .

                    

                    Rizs. 2.4. Különféle típusú HTML -listaszámok

                    Definíciós lista

                    A definíciók listája, más néven a speciális kifejezések definícióinak szókincse, a listák egy speciális fajtája. A 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ébe a meghatározandó kifejezést írják, a második részben pedig a szótárbejegyzés formájában található szöveget, feltárva a kifejezés jelentését.

                    A definíciós listák tárolócímke használatával vannak megadva

                    (Definíciós lista). A címkével ellátott tartály belsejében

                    (Definition Term) a meghatározandó kifejezést és a címkét jelöli

                    (Definíció leírás) - bekezdés a definíciójával. Címkékhez

                    és

                    nem kell írnia a megfelelő végcímkéket.

                    A definíciós lista általában a következőképpen íródott:

                    Term

                    A kifejezés meghatározása

                    A címke utáni szövegben

                    blokk szintű elemek, például bekezdéscímkék, nem használhatók

                    Vagy fejlécek

                    -

                    ... Általában a meghatározandó kifejezés szövegének egy sorban kell lennie. A kifejezés definícióját tartalmazó szöveg a következővel kezdődik következő sor(vagy egyes böngészők esetén egy vonalon túl) a kifejezés meghatározása után, jobbra behúzva. A címke után elhelyezett információban

                    , blokk szintű elemek találhatók. Ez különösen azt jelenti, hogy a definíciós listák egymásba ágyazhatók.

                    Címkében

                    megadható a COMPACT paraméter, amelynek célja hasonló a fent leírt többi listához.

                    Íme egy példa HTML dokumentum, amely definíciós listát használ:

                    A tipikus emberi temperamentumok osztályozása,
                    alapított

                    Hippokratész nézeteiről

                    Flegmatikus személy

                    Passzív, nagyon munkaképes, lassan alkalmazkodó;
                    stabil hangulat, kevéssé alkalmas külső hatásokra;
                    az érzelmi reakciók letargiája és az akarati tevékenység lassúsága
                    
                    

                    Bizakodó

                    Aktív, energikus, alkalmazkodó,
                    az érzelmi reakciók elevensége és mobilitása, az akarati megnyilvánulások sebessége és ereje
                    
                    

                    Kolerás

                    Aktív, nagyon energikus, kitartó;
                    az érzelmi reakciók lendülete és ereje, erőszakos akarati megnyilvánulások
                    
                    

                    Mélabús

                    Passzív, könnyen fáradt, nehéz alkalmazkodni,
                    az akarat gyengesége és a depressziós hangulat túlsúlya, önbizalomhiány

                    Ábra mutatja az adott HTML dokumentum böngészőben történő megjelenítését. 2.5.

                    

                    Rizs. 2.5. A definíciók listája (hasonlít a szótár bejegyzéseinek egy csoportjához)

                    Típuslisták

                    és

                    Típuslisták

                    és jelenleg nagyrészt kihasználatlanok, bár a főbb böngészők továbbra is támogatják őket. Mindkét listatípus elavult a HTML 4.0 specifikációban. Helyette a címke által meghatározott felsorolásos listákat javasoljuk használni

                    .

                    Kezdetben az ilyen típusú listákat kompaktabbnak találták, mint a hagyományos felsorolásos listákat. A listák elemeinek írására vonatkozó szabályok szerint tilos blokk elemeket használni, ami azt jelenti, hogy lehetetlen ilyen típusú listák egymásba ágyazását megvalósítani. A lista minden eleme egy sor szöveg volt.

                    Az olyan listákhoz, mint a

                    azt tervezték, hogy bevezetnek egy korlátozást a „listaelem szövegének hosszára (24 karakter). Egy ilyen korlátozás lehetővé tenné a levezetést

                    listák, mint a

                    évi könyvtárak felsorolásához hasonló formában operációs rendszer UNIX és MS-DOS a / W kapcsoló használatakor (több oszlopban). Ezenkívül az ilyen típusú listaelemeknél nem jelentek meg jelzők.

                    Jelenleg mindezek az ötletek nem valósultak meg, mivel az ilyen típusú listák további használata nem ajánlott. A böngészők modern verziói az ilyen típusú listákat pontosan ugyanúgy jelenítik meg, mint a típuslistákat

                    .

                    Beágyazott listák

                    Vannak esetek, amikor az egyik típusú listaelemnek tartalmaznia kell egy azonos vagy egy teljes listát. Ez többszintű vagy beágyazott listákat szervez. A HTML lehetővé teszi a különböző típusú listák tetszőleges beágyazását, de óvatosnak kell lenni ezek megszervezésekor.

                    Az alábbiakban látható a beágyazott listákkal rendelkező dokumentum HTML -kódja, amelynek megjelenítése az ábrán látható. 2.6. Ebben a példában a felsorolásos lista minden elemének saját számozott listája van.

                    Egyes bolygók műholdjai

                    • Zempia

                      1. hold

                    • Mapc

                      1. Phobos

                      2. Deimos

                    • Uránusz

                      1. Ariel

                      2. Umbriel

                      3. Titánia

                      4. Oberon

                      5. Miranda

                    • Neptun

                      1. Triton

                      2. Sellő

                      Az egyetlen különbség az, hogy ez a címke szigorúan számozási listákhoz készült. A címke neve az angol "Ordered List" - számozott lista rövidítésből származik.

                      Címke szintaxisa

                      1. 1. tétel
                      2. 2. tétel
                      3. 3. tétel
                      4. ...

                    Ahol a type = "value" attribútum a következő értékeket veheti fel

                    • A - jelölőket állít nagybetűs latin betűk formájában (A, B, C ..);
                    • a - jelölőket állít be kis latin betűk formájában (a, b, c ..);
                    • I - jelölőket állít nagy római számok formájában (I, II, III, IV ..);
                    • i - jelölőket határoz meg kis római számok (i, ii, iii, iv ..) formájában;
                    • 1 (alapértelmezett) - jelölőket ad meg arab számok formájában (1, 2, 3 ..);

                    A start = "value" attribútum megadja kezdő érték(kezdőérték) a jelentés.

                    A fordított attribútum egy fordított számot határoz meg (ha szükséges).

                    Címke

                    megköveteli a végcímke kötelező használatát

                    A párosított címke listaelemek létrehozására szolgál

                    • ... A nyitó és záró címkék között egyes szavak, kifejezések, bekezdések, képek, kódrészletek és még sok más található, amelyek egy felsorolásos lista tartalma.

                      jegyzet

                      A listán belül megváltoztathatja saját fiókját. Ehhez van egy speciális attribútum value = "" a címkéhez

                    • amelyhez valamilyen számértéket rendelnek. Például

                      1. 1. tétel
                      10. 2. tétel
                      11. 3. tétel

                    Példák számozott listákkal html (

                    )

                    Példa 1. Számozott html lista latin betűk formájában

                    Példa a következővel: nagybetűvel

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Példa kisbetűvel

                    1. 10. tétel
                    2. 11. tétel
                    3. 12. tétel

                    Így néz ki az oldalon:

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Példa 2. Számozott html lista római betűkkel

                    Példa nagybetűkkel

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Így néz ki az oldalon:

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Példa kisbetűvel

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Így néz ki az oldalon:

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Példa 3. Számozott html lista más kezdő pozíció

                    Példa, amely bemutatja a start attribútum képességeit, amely lehetővé teszi a számláló kezdőértékének beállítását.

                    50. 1. tétel
                    51. 2. tétel
                    52. 3. tétel

                    Így néz ki az oldalon:

                    1. 1. tétel
                    2. 2. tétel
                    3. 3. tétel

                    Példa 4. Fiók megváltoztatása számozott html listákban

                    Az alábbiakban bemutatunk egy példát, amely képes megváltoztatni a számláló értékeit az érték attribútum használatával, amikor új elemeket jelenít meg a címkékben

                    • .

                      10. 1. tétel
                      11. 2. tétel
                      100. 3. tétel
                      101. 4. tétel

                      Így néz ki az oldalon:

                      1. 1. tétel
                      2. 2. tétel
                      3. 3. tétel
                      4. 4. tétel

                      Példa 5. Megfordítható számozott lista html -ben

                      Az alábbiakban egy példa egy fordított számozott listára (fordított sorrendben számol).

                      10. 1. tétel
                      11. 2. tétel
                      12. 3. tétel
                      13. 4. tétel

                      Így néz ki az oldalon:

                      1. 1. tétel
                      2. 2. tétel
                      3. 3. tétel
                      4. 4. tétel

                      Elem

                      (az angol "unordered list" - "unordered list" -ból) rendezetlen (rendezetlen) listát hoz létre. Jellemzően az elem
                      ilyen listák létrehozására szolgál, ahol a lista elemeinek sorrendjének megváltoztatása nem változtatja meg jelentősen a lista jelentését.

                      Címke

                      blokk elemekre vonatkozik, tehát a rendelkezésére álló teljes szélességet elfoglalja, és a magasság mérete a tartalom mennyiségétől függ.

                      A számozott listák elemeit a címke határozza meg

                      • , amely a szöveg mellett más HTML elemeket is tartalmazhat (listák, képek, címsorok, bekezdések stb.). Alapértelmezés szerint a felsorolásos listák egy weboldalon kis fekete körrel kezdődő listaként jelennek meg. A böngészők kis margót adnak a bal oldalon, amikor megjelennek a listaelemek.

                        Jegyzet: Ha

                        alkalmazott CSS tulajdonság, majd az elemeket
                        • örökölje ezeket a tulajdonságokat.

                          Tanács: A jelölő típusának megváltoztatásához használja a list-style-type CSS tulajdonságot vagy a list-style-image tulajdonságot, hogy a markereket képekkel helyettesítse. Számozott listák létrehozásához használja a címkét

                          .

                          Szintaxis

                          ...
                          • ...
                          ...

                          Vége címke

                          Kívánt.

                          Tulajdonságok

                          kompakt Elavult HTML5 -ben Csökkenti a behúzást és a sorközöket. type HTML5 Beállítja a listajelölő megjelenését.

                          Elérhető ehhez az elemhez globális tulajdonságokés fejlemények.

                          Alapértelmezett stílus

                          A legtöbb böngésző megjeleníti az elemet

                          a következővel CSS értékek alapértelmezett:

                          Ul (kijelző: blokk; lista-stílusú típus: lemez; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;)

                          Különbségek a HTML 4.01 és a HTML5 között

                          A HTML5 nem támogatja a kompakt és típus attribútumokat.

                          Használati példa:

                          Rendetlen HTML -lista:

                          Példa HTML:

                          Próbáld ki magad
                          • Kávé
                          • Tea
                          • Kakaó

                          Specifikációk (szerkesztés)

                          Leírás	Állapot
                          WHATWG HTML Living Standard (WHATWG)	Életszínvonal
                          HTML 4.01 (W3C)	Ajánlást
                          HTML5 (W3C)	Ajánlást
                          HTML 5.1 (W3C)	Ajánlást

                          Böngésző támogatás

                          Próbáld ki magad - példák

                          Hogyan lehet a listát 1 -től eltérő számmal kezdeni?

                          Helló kedves olvasók! Ma a "html alapjai" címszó alatt folytatott cikksorozat folytatásaként szeretném Önöket megismertetni a létrehozás algoritmusával html listák segítséggel címkék ul és li (rendezetlen lista), ol és li (számozott lista), dl, dt, dd (definíciós lista).

                          Most továbbra is megismertetem Önökkel a leggyakrabban használt eszközöket html címkék, amelyeket listák létrehozására használnak a webhely oldalain. Ha valaki nem tudja, miről van szó, az alábbi információk után biztosan megérti, miről is van szó, mivel az anyag ilyen megjelenítési formája nagyon gyakori.

                          HTML felsorolásos listák - ul és li címkék

                          A felsorolásos listát az ul címke határozza meg. A listaelemek a nyitó és záró ul címkék között helyezkednek el, amelyek mindegyikének tartalmát a nyitó és záró li címkék között kell elhelyezni. Azonnal megjegyzem, hogy az ul címke párosítva van (nyitó és záró címkék jelenléte), valamint blokk, azaz konténert képez, amely elemeket (karakterláncokat) tartalmaz, amelyeket minden alkalommal a li címke hoz létre. Ennek megfelelően a li tag párosítva és kisbetűs.

                          Alapértelmezett megjelenés jelölőt egy kitöltött kör jelzi. Azonban megváltoztathatja a megjelenését a type attribútum alkalmazásával, amelynek a következő értékei vannak: lemez, kör, négyzet. A lemez értéke (amely meghatározza a kitöltött körjelző megjelenését) az alapértelmezett. Vagyis, ha a type attribútum nincs megadva, akkor a marker megjelenése kitöltött körnek tűnik. Ha ezeket az attribútumokat hozzáadjuk az ul címkéhez, a következő lehetőségeket kapjuk:

                          Természetesen a felsorolásos lista külön elemének minden jelölője saját megjelenést kaphat, ha előírja a type attribútum megfelelő értékeit.

                          Számozott HTML listák - ol és li címkék

                          Most nézzük meg, hogyan alakul egy számozott lista ol címkék (blokk és párosított címkék, hasonlóan az ul) segítségével. A li tag egyben címke is, amely meghatározza a számozott html lista elemeit. A számozott lista számozott tételek gyűjteménye. A számozás típusát a type attribútum határozza meg, amely a következő értékeket veheti fel:

                          • A - nagy latin betűk;
                          • a - kisbetűs latin betűk;
                          • I - nagy római számok;
                          • i - kisbetűs római számok;
                          • 1 - Arab számok

                          	1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában
                          1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában	1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában
                          1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában	1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában
                          1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában	1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában
                          1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában	1 elem a számozott listában 2 elem a számozott listában 3 elem a számozott listában

                          Megadhat egy számozott listát is, ahol az elemek fordított sorrendben vannak számozva, például: 3, 2, 1. Ez az ol címke tartalék attribútumának használatával történik.

                          Az is lehetséges, hogy 1 helyett bármely más számmal indítsunk felsorolásos listát. Ehhez használhatja a start attribútumot, és egyáltalán nem mindegy, hogy milyen típusú attribútum van beállítva. Tekintsen meg egy példát a name attribútum együttes használatára a type attribútum különböző értékeivel (1 és I):

                          HTML definíciós listák - dl, dd, dt címkék

                          A html listák másik fajtája a definíciós lista. A következőképpen képződik. A lista tartalma a tárolót alkotó nyitó és záró dl -címkék közé esik. A dt címke egy kifejezést határoz meg, a dd pedig a kifejezés leírását.

                          Amint láthatja, a dt címke tartalma, amely egy kifejezés, balra tolódik, és a dd címke tartalma, amely e kifejezés definíciója, dőlt betűvel íródik. Mindezt különféle css stílusok használatával érik el, amelyekről minden bizonnyal beszélni fogunk a közelgő kiadványokban.

                          Egyébként a modern realitások olyanok, hogy html nyelv nem tekinthetők elszigetelten, ezért annak érdekében, hogy ne hagyja ki ezeket az alapvető anyagokat, iratkozzon fel a blogfrissítésre RSS-hírcsatornán vagy e-mailben. Ezzel lezárjuk a mai cikk témáját, ha megkaptad szükséges információ, ne utasítsa el a közösségi média gombok használatát.