- 2 szavazat alapján 4,5 az 5-ből

Nagyon gyakran bizonyos információkat a webhelyen listák formájában kell bemutatni.

A listák lehetővé teszik a rendszerezést és a rendszerezést különféle információkés kényelmes módon mutassa be a látogatónak.

A HTML-listáknak három változata van: felsorolásjeles listák, számozott listák és definíciós listák. Lássuk, hogyan hozhatjuk létre őket sorrendben.

Megjelölt lista.

Ez a listatípus a leggyakrabban használt. pontozott lista HTML-ben címkék segítségével jön létre

• . Ugyanakkor a lista minden elemével szemben egy jelölő kerül hozzáadásra, alapértelmezés szerint egy kör alakú jelölő. A címkék segítségével létrejön egy konténer, amelyben a lista elemei találhatók: .

  A felsorolásjeles lista kódja így nézne ki:

  • Ilyen opció
  • Ez az opció
  • Egyfajta lehetőség

  Megpróbálhat HTML oldalt létrehozni a segítségével adott kódotés a következő listát kapod:

  

  Amint láthatja, a lista minden eleme a -val található új sor, míg bizonyos behúzások a bal, felső és alsó oldalon jönnek létre. A lista minden eleme jelölővel kezdődik, amely lehet kitöltött kör (alapértelmezett), kör vagy négyzet. Címke

  van egy type attribútum, melynek segítségével beállítható a marker stílusa. Ennek az attribútumnak a következő értékei vannak:
  • lemez - kör;
  • kör - kör;
  • négyzet - négyzet.

  Alapértelmezés szerint a lemez értéke használatos.

  Példa felsorolásjeles lista létrehozására körjelzőkkel:

  • Ilyen opció
  • Ez az opció
  • Egyfajta lehetőség

  Ennek eredményeként a lista a következő formájú lesz:

  

  Felsorolásos lista létrehozása négyzetes jelölőkkel:

  • Ilyen opció
  • Ez az opció
  • Egyfajta lehetőség

  A lista így fog kinézni:

  

  A type attribútum nem csak egy címkére alkalmazható

  , hanem a címkére is
  • . Ily módon listát hozhat létre különféle jelölőkkel.
    • Ilyen opció
    • Ez az opció
    • Egyfajta lehetőség

    Az eredmény a következő lesz:

    

    Számozott listák.

    A számozott listák a HTML-ben olyan listák, amelyekben minden elemnek van sorozatszáma, a számozott listák a címke használatával jönnek létre.

    és beágyazódott a címkéibe

    1. 1. Első sor
       2. Második sor
       3. harmadik sor

       Egy ilyen lista így néz ki:

       

       Az alapértelmezett számozás arab számok. De a címke

       van egy type attribútum, melynek értékei segítségével a számozás történhet nagybetűkkel (type="A") vagy kisbetűkkel (type="a") latin betűkkel, római számokkal a felsőben (type= "I") és alsó (type="i" ) regiszter.

       Az alábbiakban a kód rövidített változatai és a számozás típusa látható, amely egy vagy másik esetben lehetséges.

       Lista nézet:

       Lista nézet:

       

       Számozás a latin ábécé kisbetűivel:

       Lista nézet:

       

       Lista nézet:

       

       Lista nézet:

       

       Definíciók listája HTML-ben.

       A definíciók listája a listák egy speciális fajtája. Abban különböznek egymástól, hogy a lista minden eleme két elemből áll, egy kifejezésből és egy szövegből, amely felfedi a jelentését. Ezek a listák címkék segítségével jönnek létre

       . Címke

       tárolót hoz létre a listához, címkét

       beállítja a kifejezést és a címkét

       egy kifejezés leírása vagy meghatározása.

       Rögzítve ezt a listát a következő módon:

       1. kifejezés

       Az 1. kifejezés meghatározása

       kifejezés 2

       A 2. kifejezés meghatározása

       kifejezés 3

       A 3. kifejezés meghatározása

       Ennek eredménye a következő lista lesz:

       

       Amint láthatja, ez megfelelő behúzásokat hoz létre a kifejezéshez és a meghatározás szövegéhez.

       Beágyazott vagy többszintű listák HTML-ben.

       Néha szükséges egy másik listát beágyazni egy bizonyos típusú lista egyik elemébe. A HTML képes a listákat korlátlan ideig beágyazni más listák elemei közé.

       Például itt van az a kód, amely számozott listákat ágyaz be a felsorolásjeles listaelemek közé.

       • Ilyen opció
         1. Első sor
         2. Második sor
         3. harmadik sor
       • Ez az opció
         1. Első sor
         2. Második sor
         3. harmadik sor
       • Egyfajta lehetőség
         1. Első sor
         2. Második sor
         3. harmadik sor

       A html listák segítségével létrehozhat egy menüt a webhelyéhez különböző tételekkel és alelemekkel. Listák segítségével készül el az oldal tartalma (térkép), ami nagyon kényelmes a keresők számára.

       Tehát vannak "" címkék – ezek egy felsorolásjeles listát határoznak meg.
       "" címkék – elemeket, azaz egy felsorolásjeles lista elemeit határozzák meg.

       Először hozzunk létre egy egyszerű listát több elemből:

       <html > <fej > <cím > Egyszerű HTML listajeles listacím > fej > <test> <ul > <li > Egyli > <li > Kettőli > <li > Háromli > <li > Négyli > ul > test> html >

       • Három

       A html jelöléseknél beállíthat néhány típust, amely belül van írva
       első címke "

       "V type=""

       Készítsünk egy listát, amelyben pontok helyett kis körök (lyukasztott pontok) lesznek. Ezt a típust " kör"

       <html > <fej > <cím > HTML listajeles listacím > fej > <test> <ultype= "kör"> <li > Egyli > <li > Kettőli > <li > Háromli > <li > Négyli > ul > test> html >
       • Négy

       Most a "kör" típus helyett a "" típust fogjuk beállítani négyzet" (négyzetek)

       <html > <fej > <cím > HTML listajeles listacím > fej > <test> <ultype= "négyzet"> <li > einli > <li > zweili > <li > dreili > <li > vierli > ul > test> html >

       A CSS leckéken részletesen szóba kerül a listákkal való munka, amiből megtudhatod, hogyan állítsd be a színeket az elemekhez és a bennük lévő szövegekhez, illetve hogyan állítsd be magát a jelölő típusát (nem csak négyzet lehet
       vagy pont – ez szinte bármilyen karakter lehet).

       
       

       számozott listák html

       A listák nem csak jelölhetők, hanem számozhatók is, ahogy néha szükséges. Lehetnek számok (1, 2, 3…) és az angol ábécé kis- és nagybetűi. Vegye figyelembe a fentieket.

       A számozás beállításához a "" címkéket használjuk.
       Az első címkén belül a típus be van állítva.

       Számozás számok szerint (egyből)

       <html > <fej > <cím > számozott lista htmlcím > fej > <test> <ol > <li > Egyszerli > <li > Kettőli > <li > Háromli > <li > Négyli > ol > test> html >
       1. Négy

       Ha a számozást például nullától (nullától) vagy háromtól kell kezdenie, akkor az első címkébe kell írnia start=""és a helyes számot.

       <html > <fej > <cím > számozott lista htmlcím > fej > <test> <ol start= "0" > <li > nullali > <li > egyli > <li > kettőli > <li > háromli > ol > test> html >

       Most nézzük meg, hogyan kell beállítani a "betűszámozást".

       Kisbetűs:

       <html > <fej > <cím > számozott listák htmlcím > fej > <test> <oltype= "a"> <li > Higanyli > <li > Vénuszli > <li > földli > <li > Marsli > ol > test> html >
       1. Higany
       2. Vénusz
       3. föld

       Nagybetűs:

       <html > <fej > <cím > Számozott HTML-listákcím > fej > <test> <oltype= "A"> <li > Jupiterli > <li > Szaturnuszli > <li > Uránuszli > <li > Neptunli > <li ><b> Plútób>li > ol > test> html >
       1. Jupiter
       2. Szaturnusz
       3. Neptun
       4. Plútó

       A szokásos html listákon kívül többszintű listákat, azaz alszakaszokat is létrehozhat a html-ben bizonyos tételeket. Ehhez a címke és a név után "

       • cím "szúrjon be egy másik listát, majd zárja be egy második címkével"
       "
       <html > <fej > <cím > html rétegzett listacím > fej > <test> <ultype= "négyzet" > <li > Hegedűli > <li > Gitár<ul > <li > klasszikusli > <li > ritmus gitárli > <li > elektromos gitárli > ul > li > <li > dobokli > <li > csőli > ul > test> html >
       • Hegedű
       • Gitár
         • klasszikus
         • ritmus gitár
         • elektromos gitár
       • dobok
       • cső

       A következő leckében egy egyszerű menü létrehozását vizsgáljuk meg a leckéből szerzett ismeretek alapján.

       A HTML-ben címkék egész halmaza felel a listák rendezéséért, amelyek szervezésének meg kell felelnie bizonyos adatstrukturálási szabályoknak.

       A html ötödik verziójának szabványa 3 típusú listát támogat: számozott listákat, felsorolásjeles listákat és definíciós listákat. Lehetővé teszi a listák egymásba ágyazását is, így beágyazott többszintű listákat hozhat létre.

       számozott lista

       számozott lista olyan elemek halmaza (listaelemek), amelyek rendelkeznek bizonyos sorrend. A számozott lista minden eleme egyedi jelölővel rendelkezik, amely jelzi az elem sorrendjét a lista többi eleméhez képest. Alapértelmezés szerint a számozott listaelemek jelölői számok. Az első tétel az 1-es szám alá kerül, a második a 2-es szám alá, és így tovább.

       A számozott listák leggyakoribb példái a különféle ételek elkészítésének receptjei. Mivel minden recept egy számozott lista, egyértelmű műveletsorral.

       Számozott listák létrehozásához HTML-ben használja a címkét

       , amelyen belül a lista adatokkal ellátott elemei találhatók. Minden listaelemet címkével azonosítanak.
       1. :

          Számozott lista:

          1. Kávé
          2. Tea
          3. Tej
          Próbáld ki "

          megjegyzés: címke

          csak gyermekelemként tartalmazhat címkéket
          1. , vagyis a számozott lista teljes tartalmát az elemeken belül kell elhelyezni
          2. . Címke
          3. , viszont nincs tartalmi korlátozása, így elhelyezhet benne bekezdéseket, képeket, hivatkozásokat, táblázatokat, egyéb listákat stb.

             pontozott lista

             pontozott lista- ezek rendezetlen, azaz rendezetlen elemlisták, amelyek sorrendje nem számít. Az összes felsorolásjeles listaelem ugyanazokkal a pontokkal rendelkezik, alapértelmezés szerint kis fekete körökként jelennek meg.

             A HTML-címke felsorolásjeles listák létrehozására szolgál.

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

               Felsorolásos lista:

               • Kávé
               • Tea
               • Tej
               Próbáld ki "

               A markerek típusai

               A számozott listában lévő felsorolásjelek típusai a type attribútummal módosíthatók. Ez az attribútum ötféle jelölőt támogat:

               A felsorolásjeles listák nem rendelkeznek type attribútummal, így a felsorolásjelek típusát nem módosíthatja HTML használatával. A marker típusának megváltoztatásához ebben az esetben használhatja CSS tulajdonság m list-style-type , amellyel az alapértelmezett érték mellett további kétféle jelölőt választhat: kör vagy négyzet .

               A listák jelölőinek megváltoztatása:

               Számozott lista type="a" attribútummal:

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

               Számozott lista type="I" attribútummal:

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

               A felsorolásjeles jelölők típusai:

               • Almák
               • Banán
               • Citrom
               • Almák
               • Banán
               • Citrom
               Próbáld ki "

               css lista-stílus típusú tulajdonság, a felsorolásjeles listák felsorolástípusai mellett számos különféle típusú felsorolásjellel rendelkezik a számozott listákhoz. De nem mindig elég az egyik szabványos típusú jelölő egy másikra cserélni a lista gyönyörű kialakításához. Listák tervezéséhez jobb a CSS használata, amely lehetővé teszi nemcsak a marker megjelenésének megváltoztatását, hanem a jelölők képekkel való helyettesítését, a helyük szabályozását és a behúzás szabályozását is. Megnézheti, hogyan kell mindezt megtenni.

               vízszintes lista

               Ha használ HTML lista vízszintes menü létrehozásához a listaelemeket egymás után ugyanabban a sorban kell elrendezni. HTML-lel ezt nem lehet megtenni, ezért CSS-t kell használnia.

               Vízszintes lista létrehozásához be kell állítania a listaelemek CSS megjelenítési tulajdonságát inline vagy inline-block értékre, attól függően, hogy milyen egyéb tulajdonságokat fog használni.

               számozott lista

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

               Felsorolásos lista:

               • Almák
               • Banán
               • Citrom
               Próbáld ki "

               Ezt követően a lista összes eleme egy sorba kerül. Felhívjuk figyelmét, hogy a felsorolásjelek eltűnnek a listaelemekből, és nem is lesz közöttük szóköz, de a lista bal oldalán lévő behúzás megmarad.

               Hogyan alakítsunk át egy vízszintes listát vízszintes menü, láthatod .

               Egy ilyen lista valamilyen módon "számozott" lista. Ezek lehetnek arab számok, római számok vagy betűk.

               A címkék arra szolgálnak, hogy jelezzék a böngésző számára, hogy a lista számozott lesz. .

               Példakód egy számozott listához:

               Html listák

               1. macskák
               2. kutyák
               3. lovak

               Eredmény:

               1. macskák
               2. kutyák
               3. lovak

               Amint láthatja, az alapértelmezett számozás arab számok. Ez a paraméterrel módosítható típus:

               - type="A"- számozás nagy latin betűkkel (A, B, C).

               - type="a"- számozás nagy latin betűkkel (a, b, c).

               - type="I"- számozás nagy római számokkal (I, II, III).

               - type="i"- számozás kis római számokkal (i, ii, iii).

               Kódpélda római számokkal:

               Html listák

               1. macskák
               2. kutyák
               3. lovak

               Eredmény:

               1. macskák
               2. kutyák
               3. lovak

               Ha a számozást nem egytől kell kezdeni, akkor a paramétert használjuk Rajt, amelynek értéke az a szám, amelytől a lista kezdődik (ha a számozás betűkkel van beállítva, akkor ez a szám jelzi a pozíciót az ábécében).

               Példa a kódra:

               Html listák

               1. macskák
               2. kutyák
               3. lovak

               Eredmény:

               1. macskák
               2. kutyák
               3. lovak

               Címke beállíthatja a paramétert érték, amely lehetővé teszi a lista adott elemének számának megváltoztatását. Ez megváltoztatja az összes következő elem számozását.

               Példa a kódra:

               Html listák

               1. piros
               2. narancs
               3. sárga
               
               ...............
               4. ibolya

               Eredmény:

               1. piros
               2. narancs
               3. sárga
               
               ...............
               4. ibolya

               Felsorolásos listák

               A felsorolásjeles listák felsorolásjeleket használnak betűk és számok helyett. A címkék arra szolgálnak, hogy jelezzék a böngészőnek, hogy a lista felsorolásjeles lesz. . A teljes lista e címkék között található, és az egyes elemeket címkék határozzák meg .

               Mintakód egy felsorolásjeles listához:

               Html listajeles listák

               • macskák
               • kutyák
               • lovak

               Eredmény:

               • macskák
               • kutyák
               • lovak

               Alapértelmezés szerint a jelölő fekete körként jelenik meg. Ez a paraméterrel módosítható típus:

               - type="lemez"- festett kör.

               - type="kör"- egy üres kör.

               - type="négyzet"- kitöltött négyzet.

               Mintakód a felsorolásjeles listákhoz:

               Html listajeles listák

               • macskák
               • kutyák
               • lovak
               • macskák
               • kutyák
               • lovak
               • macskák
               • kutyák
               • lovak

               Eredmény:

               • macskák
               • kutyák
               • lovak
               • macskák
               • kutyák
               • lovak
               • macskák
               • kutyák
               • lovak

               Definíciós listák

               Ilyen listákat használnak a szótárak. Minden elem két részből áll: egy kifejezésből és annak meghatározásából. A címkék arra szolgálnak, hogy jelezzék a böngészőnek, hogy lesz egy definíciós lista.

               . Minden kifejezés címkék közé van zárva
               , és definícióik a címkékben
               .

               Példa a definíciós lista kódjára:

               Definíciós listák 1. kifejezés 1. fogalom 2. fogalom 2. fogalom

               Eredmény:

               Beágyazott listák

               Vannak helyzetek, amikor saját listát kell felvennie egy listaelembe. Az ilyen listákat többszintű vagy beágyazott listáknak nevezzük. Ehhez az általunk már ismert listacímkék kombinációját használjuk.

               Többszintű listakód példa:

               Beágyazott listák

               • Állatok
                 1. macskák
                 2. kutyák
               • Növények
                 1. fák
                 2. virágok

               A HTML nyelv speciális címkéket 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 elektronikus és nyomtatott dokumentumokban egyaránt. Szinte naponta találkozunk listákkal, legyen szó a bolti vásárlási igényekről, a tanulókról az osztályteremben vagy egyszerűen az elvégzendő feladatokról. A listaszerkezetek rendszerezésének lehetősége számos szövegszerkesztőben elérhető, különösen a Microsoft Word erőteljes szövegszerkesztője kényelmes eszközökkel rendelkezik a különféle típusú listák formázásához (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 meglehetősen kényelmes:

               • Információk egyesítése egyetlen struktúrába, hogy olvasható megjelenést kapjon.
               • Összetett folyamatok leírása lépésről lépésre.
               • Az információk tartalomjegyzék stílusú elrendezése, melynek bekezdései a dokumentum megfelelő részeire mutatnak.

               Vegye figyelembe, hogy a fenti elemek csak listastruktúra formájában vannak rendezve.

               A HTML a következő fő listákat kínálja: felsorolásjeles, számozott és definíciós lista. A következő címkék különféle típusú listák megvalósítására szolgálnak:

               ,
               ,

               , , . A dokumentumba ágyazott különféle típusú listák segítségével sokféle szolgáltatás valósítható meg, amelyek leírása jelen fejezet tárgya. Figyelembe veszik a különféle típusú építési listák jellemzőit, valamint a beágyazott listák használatát.

               pontozott lista

               A HTML-ben megvalósított listatípusok egyike a felsorolásjeles lista. Egyébként az ilyen típusú listákat rendezetlennek vagy rendezetlennek nevezzük

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

               , melynek segítségével az ilyen típusú listák HTML dokumentumokba rendeződnek (UL - Unordered List, unordered list).

               A felsorolásjeles listában elemeinek kiemelésére speciális karaktereket használnak, amelyeket listajelölőknek neveznek (gyakran bullet-nek nevezik, ami az angol bullet kifejezés formális hangzása). A listajelölők megjelenését a böngésző határozza meg, és a beágyazott listák létrehozásakor a böngészők automatikusan diverzifikálják a különböző beágyazási szintű markerek megjelenését.

               Címkék

               És<LI >

               A felsorolásjeles lista létrehozásához egy címketárolót kell használnia, amelyben a lista összes eleme található. A nyitó és záró listacímkék sortörést biztosítanak a lista előtt és után, így elválasztják a listát a dokumentum fő tartalmától, így itt nem kell bekezdéscímkéket használni.

               
               .

               Minden listaelemnek címkével kell kezdődnie

               • (LI - Listaelem, listaelem). Címke
               • nem igényel megfelelő zárócímkét, bár jelenléte elvileg nem tilos. A böngészők általában minden új listaelemet új sorban kezdenek a dokumentum megjelenítésekor.

                 A fenti információk elegendőek egy elemi felsorolásos lista összeállításához. Íme egy példa egy HTML-dokumentumra, amely felsorolásjeles listát használ, amelynek böngészőben történő megjelenítését az ábra mutatja. 2.1.

                 Csillagjegyek:

                 • Kos

                 • Bika

                 • Ikrek

                 • Rák

                 • egy oroszlán

                 • Szűz

                 • Mérleg

                 • Skorpió

                 • Nyilas

                 • Bak

                 • Vízöntő

                 • Hal

                 Rizs. 2.1. Felsorolásos lista böngészőben történő megjelenítése

                 Vegye figyelembe, hogy a címkével jelölt listaelemek mellett

               • , más HTML elemek is jelen lehetnek. A fenti példában ezen elemek egyike a sima szöveg, amely nem egy listaelem, hanem a címsor szerepét tölti be.

                 jegyzet

                 Egyes HTML nyelvű tankönyvekben utalás van arra, hogy a konténercímkét kell használni a lista címének beállításához. (LH - Lista fejléc, listafejléc). Ezt a címkét jelenleg egyik általános böngésző sem ismeri fel, és nem része a HTML specifikációnak. Így használata értelmetlenné válik, bár nem vezet hibához.

                 A címkében

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

                 A COMPACT paraméter érték nélkül íródik, és arra szolgál, hogy jelezze a böngészőnek, hogy az adott listát kompakt formában kell megjeleníteni. 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

                 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 megjelenése a használt böngészőtől függ. A tipikus megjelenítési lehetőségek a következők:

                 TÍPUS = lemez – a jelölők tömör körökként jelennek meg; TÍPUS = kör – a jelölők kitöltetlen körként jelennek meg; TÍPUS = négyzet – a jelölők kitöltött négyzetekként jelennek meg. Példa a rögzítésre:

                 .

                 Az alapértelmezett érték a TYPE = lemez. A beágyazott felsorolásjeles listáknál az alapértelmezett érték a lemez az első szinten, a kör a második szinten és a négyzet a harmadik szinten. Pontosan ez történik a Netscape és Internet Explorer böngészők legújabb verzióiban. 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óban a TÍPUS = négyzet esetén megjelenő jelölőtípus négyzetes körvonalként van megadva.

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

                 • .

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

                 • .

                   jegyzet

                   A böngészők eltérően értelmezik az egyes listaelemek markertípusának jelzését. A Netscape böngésző módosítja a jelölő megjelenését ehhez és minden továbbihoz, amíg a jelölő megjelenésének következő újradefiniálása meg nem történik. Az Internet Explorer csak az elem jelölőjének megjelenését változtatja meg.

                   Grafikus markerek listája

                   Listajelölőként grafikus képeket használhat, amelyeket széles körben használnak vonzó, gyönyörűen megtervezett HTML dokumentumok létrehozására. Valójában ezt a lehetőséget nem közvetlenül a HTML nyelv biztosítja, hanem némileg mesterségesen valósítja meg. Ez nem azt jelenti, hogy ez nem ajánlott vagy elítélendő, csak azt, hogy itt semmilyen speciális HTML nyelvi konstrukció nem kerül felhasználásra.

                   Az ötlet megértéséhez meg kell értenie, hogy a listák hogyan valósulnak meg a HTML-oldalakon. Kiderült, hogy a lista tag

                   (valamint más típusú listacímkék, amelyeket alább tárgyalunk) látja el az egyetlen feladatot - jelzi a böngészőnek, hogy a címke után található összes információt bizonyos mértékig jobbra (behúzással) kell megjeleníteni. címkéket
                   • Az egyes listaelemekre mutató szabványos listaelem-jelölőket biztosít.

                     Ha grafikus jelölőkkel kell listát készítenünk, akkor címkék nélkül is megtehetjük

                   • . Elég lesz a kívánt grafikus képet beszúrni a lista minden eleme elé. Az egyetlen megoldandó feladat ebben az esetben a lista elemeinek egymástól való elkülönítése. Ehhez használhatja a bekezdéscímkéket.

                     Vagy kényszerített soremelés
                     . Példa egy grafikus jelölőkkel ellátott lista megvalósítására, amelynek megjelenítése a 2. ábrán látható. A 2.2 alább látható:

                     Csillagjegyek:
                     

                     Kos
                     

                     Bika
                     

                     Ikrek
                     

                     Csomag
                     

                     Oroszlán
                     

                     Szűz
                     

                     Mérleg
                     

                     Skorpió
                     

                     Nyilas
                     

                     Bak
                     

                     Vízöntő
                     

                     Hal

                     

                     Rizs. 2.2. Felsorolásos lista grafikus pontokkal

                     Az adott példában a Green_ball.gif grafikus fájlt használjuk listaelem-jelölőként. Ne feledje, hogy a grafika használata a HTML-oldalakon jelentősen megnövelheti a továbbított információ mennyiségét. Ebben az esetben azonban ez a növekedés rendkívül csekély. Itt ugyanazt a fájlt használja az összes jelölő,

                     amely csak egyszer kerül továbbításra. A kisméretű képet tartalmazó fájl mérete is rendkívül kicsi.

                     jegyzet

                     A grafikus jelölőkkel való listák létrehozásának technikáit a 8. fejezetben tárgyaljuk.

                     számozott lista

                     A HTML-ben megvalósított lista egy másik típusa a számozott lista. Egyébként az ilyen típusú listákat rendezettnek nevezzük. A vezetéknevet gyakran használják a megfelelő címkenév formális fordításaként.

                     , melynek segítségével az ilyen típusú listák HTML dokumentumokba rendeződnek (OL - Rendezett lista, rendezett lista).

                     Az ilyen típusú listák általában az egyes elemek rendezett sorozatát jelentik. A különbség a felsorolásjeles listáktól az, hogy a számozott listában minden elemet automatikusan megelőz egy sorszám. A számozás típusa a böngészőtől függ, és a listacímkék paramétereivel állítható be. Egyébként a számozott listák megvalósítása nagyjából olyan, mint a felsorolásjeles listák megvalósítása.

                     Címkék

                     És

                     1. Számozott lista létrehozásához használjon konténercímkét, amelyben a lista összes eleme található. A lista kezdő és záró címkéi sortörést biztosítanak a lista előtt és után, így elválasztják a listát a dokumentum fő tartalmától.

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

                     2. .

                        Íme egy példa egy számozott listát használó HTML-dokumentumra, amelynek kijelzőjeábrán látható a böngésző. 2.3.

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

                        • Sirius

                        • K anopus

                        • Arcturus

                        • Alfa Centauri

                        • Vega

                        • K apella

                        • Rigel

                        • Procyon

                        • Achernar

                        • Beta Centauri

                        • Vetelgeuse

                        • Aldebaran

                          
                          . . .

                        • Mizar

                          
                          . . .

                        • Poláris

                        

                        Rizs. 2.Z. számozott lista

                        A címkében

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

                        A COMPACT paraméter jelentése megegyezik a felsorolásjeles listákkal. A TYPE paraméter a lista számozásának meghatározására szolgál. A következő értékeket veheti fel:

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

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

                        TÍPUS = I - a jelölőket nagy római számok formájában állítja be;

                        TYPE = i - jelölőket állít be kis római számok formájában;

                        TÍPUS = 1 - a jelölőket arab számok formájában állítja be.

                        Alapértelmezés szerint mindig a TÍPUS = 1 értéket használjuk, vagyis az arab számokkal történő számozást. Ez vonatkozik a beágyazott rendezett listákra is. Itt a felsorolásjeles listákkal ellentétben a böngészők alapértelmezés szerint nem készítenek eltérő számozást a listák különböző beágyazási szintjein. Vegye figyelembe, hogy a listaelem száma után mindig megjelenik a "pont" jel is.

                        Az azonos értékű TYPE paraméterrel megadható, hogy a lista egyes elemei hogyan legyenek számozva. Ehhez a TYPE paraméter a megfelelő értékkel adható meg a listaelem címkéjében

                        1. .

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

                        2. .

                           Címke START paraméter

                           lehetővé teszi a lista számozásának megkezdését, nem egytől. A START paraméter értékének mindig természetes számnak kell lennie, függetlenül a listaszámozás típusától. Íme egy példa:
                           .

                           Ez a jelölés határozza meg a lista számozását a nagy latin "E" betűből. Más típusú számozásnál a START=5 bejegyzés beállítja a számozást az "5" számból, a "V" római számból stb.

                           A lista számozásának típusa és a számértékek megváltoztatása a lista bármely eleméhez is 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ímkénél
                              .

                              P rekord példa:

                              1. .

                                 jegyzet

                                 A böngészők különbözőképpen értelmezik az egyes listaelemek számozási típusának jelzését. A Netscape böngésző módosítja ennek az elemnek és az összes következő elemnek a számozását, amíg a következő felülírást nem találja. Az Internet Explorer csak ennek az elemnek a számmegjelenését változtatja meg.

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

                              2. - lehetővé teszi a lista adott elemének számának megváltoztatását. Ez megváltoztatja az összes következő elem számozását. Tipikusan olyan listákat használnak, ahol bizonyos elemek kimaradnak. Egy ilyen listára egy példát adtunk fent (2.3. ábra). Rendezett listát ad a legfényesebb csillagokról, amelyben az 58. és a 75. helyen olyan csillagok találhatók, amelyek jól láthatók a szélességi körünkön (a Mizar a Nagy Ursa csillagkép legfényesebb csillaga, a Sarkcsillag pedig a Kis Ursa).

                                 Íme egy másik eredeti példa a különféle típusú számozás használatára. Az alábbi HTML kód három különböző számozású listát határoz meg. A könnyebb áttekinthetőség érdekében a listák mindegyike 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 számozás latin betűkkel történik. Vegye figyelembe, hogy a lista elemei üresek, azaz bármely címke után

                              3. nincs adat. Egy ilyen példa használható az arab és a római számok megfelelőségi táblázataként. Kiderült, hogy bármely listákat támogató böngésző használható ilyen táblázat létrehozására (2-4. ábra), ha beírja a megadott HTML kódot. A római számozás a 3999-es értékig helyesen működik. A jobb oldali oszlopot megvizsgálva megértheti, hogyan történik a latin betűs számozás. Az egybetűs számozás (A-tól Z-ig) kimerülése után az első kétbetűs szám - AA stb. - lesz a következő szám.

                                 . . .

                                 . . .

                                 . . .

                                 

                                 Rizs. 2.4. A HTML-lista számozásának különböző típusai

                                 Definíciók listája

                                 A definíciós listák, más néven terminusdefiníciós szótárak, a lista egy speciális fajtája. 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észe a definiált kifejezést tartalmazza, a második rész pedig a szöveget szótári bejegyzés formájában, feltárva a kifejezés jelentését.

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

                                 (Definíciós lista). A tárolócímke belsejében

                                 (Definition Term) meg van jelölve a definiált kifejezés, és a címke

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

                                 És

                                 elhagyhatja a megfelelő záró címkéket.

                                 Általában a definíciók listája a következő:

                                 Term

                                 A fogalom 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 főcímek

                                 -

                                 . Általános szabály, hogy a meghatározandó kifejezés szövege egy sorban legyen. A fogalomdefiníciót tartalmazó szöveg a következő sortól kezdve (egyes böngészőknél soronként) jelenik meg a kifejezés definíciója után, jobbra behúzva. A címke után elhelyezett információban

                                 , blokk szintű elemek helyezhetők el. Ebből különösen az következik, hogy a definíciók listái egymásba ágyazhatók.

                                 A címkében

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

                                 Íme egy példa egy HTML dokumentumra, amely definíciók listáját használja:

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

                                 Hippokratész nézeteiről

                                 Flegma személy

                                 Passzív, nagyon ép, lassan alkalmazkodik;
                                 a hangulat stabil, kevéssé érzékeny a 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 élénksége és mozgékonysága, az akarati megnyilvánulások gyorsasága és ereje
                                 
                                 

                                 Kolerás

                                 Aktív, nagyon energikus, kitartó;
                                 az érzelmi reakciók impulzivitása és erőssége, erőszakos akarati megnyilvánulások
                                 
                                 

                                 mélabús

                                 Passzív, könnyen fárasztható, nehezen alkalmazkodó -
                                 az akarati megnyilvánulások gyengesége és a depresszív hangulat túlsúlya, az önbizalomhiány

                                 Az adott HTML dokumentum böngészőben való megjelenítését a ábra mutatja. 2.5.

                                 

                                 Rizs. 2.5. Definíciók listája (hasonlít egy szótár bejegyzéscsoportjára)

                                 Típus listák

                                 És

                                 Típus listák

                                 És ma már gyakorlatilag nem használják, bár a vezető böngészők továbbra is támogatják őket. A HTML 4.0 specifikációban mindkét listatípus elavultként van megjelölve. Ehelyett a címke által meghatározott felsorolásjeles listák használata javasolt

                                 .

                                 Kezdetben az ilyen típusú listákat tömörebbnek képzelték el, mint a hagyományos felsorolásos listákat. A listák elemeinek írására vonatkozó szabályok szerint nem használhattak blokkelemeket, ami azt jelenti, hogy az ilyen típusú listák egymásba ágyazása lehetetlen. A lista minden eleme egy sor szöveg volt.

                                 Olyan listákhoz, mint pl

                                 tervbe vették, hogy korlátozzák a listaelem szövegének hosszát (24 karakter). Egy ilyen korlátozás lehetővé tenné

                                 típuslisták

                                 hasonló formában, mint a UNIX és MS-DOS operációs rendszerek könyvtárainak listázása a /W billentyű használatakor (több oszlopban). Ezenkívül az ilyen típusú listaelemeknél nem jelentek meg felsorolások.

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

                                 .

                                 Beágyazott listák

                                 Vannak esetek, amikor az egyik típusú listaelemnek tartalmaznia kell egy azonos típusú vagy másik típusú 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 egymásba ágyazását, de ezek rendezésénél ügyelni kell.

                                 Alább látható a dokumentum HTML kódja beágyazott listákkal, melynek megjelenítése a 2. ábrán látható. 2.6. Ebben a példában a felsorolásjeles lista minden elemének megvan a maga számozott listája.

                                 Egyes bolygók műholdai

                                 • Zempa

                                   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ő