Millist silti kasutatakse määratluste loendi avamiseks. Loendite loomine HTML-is. Eredaimad tähed, mis Maalt nähtavad

Täpploendi määratlemiseks lisatakse iga loendiüksuse ette väike täpp, tavaliselt täidetud ringi kujul. Loend ise moodustatakse konteineri abil

ja iga loendiüksus algab sildiga
• nagu allpool näidatud.
  • Esimene punkt
  • Teine punkt
  • Kolmas punkt

  Loend peab sisaldama sulgevat silti

Näide 11.1 näitab HTML-koodi veebilehele täpploendi lisamiseks.

Näide 11.1. Looge täpploend

• Tšeburaška
• Krokodill Gena
• Shapoklyak
• Rott Larisa

Selle näite tulemus on näidatud joonisel fig. 11.1.

Riis. 11.1. Täpploendi vaade

Pöörake tähelepanu loendi üla-, ala- ja vasakpoolsele polsterdusele. Sellised taanded lisatakse automaatselt.

Markeritel võib olla üks kolmest vormist: ring (vaikimisi), ring ja ruut. Markeri stiili valimiseks kasutage sildi tüübi atribuuti

. Vastuvõetavad väärtused on toodud tabelis. 11.1
Tabel 11.1. Loetlege täppide stiilid

Loendi tüüp	HTML kood	Näide
Nimekiri ringide täppidega		Esiteks Teiseks Kolmandaks
Nimekiri ringide täppidega		Esiteks Teiseks Kolmandaks
Nimekiri ruudukujuliste täppidega		Esiteks Teiseks Kolmandaks

Markerite välimus võib erinevates brauserites, samuti fondi ja teksti suuruse muutmisel veidi erineda.

Loendi koostamine ruudukujuliste täppidega on näidatud näites 11.2.

Näide 11.2. Markerite tüüp

Uskumuste muutmine

• religioosse usu muutumine (valikuline: budism, konfutsianism, hinduism). Eripakkumine – judaism ja islam koos;
• muutus uskumuses lemmikpeo eksimatusse;
• usk, et tulnukad on olemas;
• poliitilise süsteemi kui parima omataolise eelistamine (valida: feodalism, sotsialism, kommunism, kapitalism).




Selle näite tulemus on näidatud joonisel fig. 11.2.

- 2 hääle põhjal 4,5 viiest

Väga sageli tuleb veebisaidil teatud teave esitada loendite kujul.

Loendid võimaldavad organiseerida ja süstematiseerida erinevat informatsiooni ning esitada seda külastajale mugaval kujul.

HTML-i loendeid on kolme erinevat tüüpi: täpploendid, nummerdatud loendid ja määratluste loendid. Vaatame, kuidas neid järjekorras luua.

Täpploend.

Seda tüüpi loendit kasutatakse kõige sagedamini. HTML-i täppidega loend luuakse siltide abil

• . Sel juhul lisatakse vaikimisi iga loendi elemendi juurde marker, see on ringikujuline marker. Siltide abil luuakse konteiner, mille sees asuvad loendi elemendid: .

  Täpploendi kood näeb välja selline:

  • See valik on
  • See valik
  • Selline variant

  Võite proovida seda koodi kasutades luua ka teie jaoks HTML-lehte, tulemuseks on järgmine loend:

  

  Nagu näete, paigutatakse iga loendi element uuele reale, kusjuures vasakule, üla- ja allapoole luuakse teatud taanded. Iga loendi üksus algab markeriga. Marker võib olla täidetud ring (vaikimisi kasutatav), ring või ruut. Sildi juures

  Seal on atribuut type, mida kasutatakse markeri stiili määramiseks. Sellel atribuudil on järgmised tähendused:
  • ketas - ring;
  • ring - ring;
  • ruut - ruut.

  Plaadi väärtus on vaikeväärtus.

  Näide ringimarkeritega täpploendi loomisest:

  • See valik on
  • See valik
  • Selline variant

  Selle tulemusena on loend järgmine:

  

  Täpploendi loomine ruudukujuliste markeritega:

  • See valik on
  • See valik
  • Selline variant

  Nimekiri näeb välja selline:

  

  Tüübiatribuuti saab rakendada enamale kui lihtsalt märgendile

  , aga ka sildi juurde
  • . Nii saate luua loendi mitmesuguste täppidega.
    • See valik on
    • See valik
    • Selline variant

    Tulemus saab olema järgmine:

    

    Nummerdatud nimekirjad.

    Nummerdatud loendid HTML-is on loendid, milles igal üksusel on seerianumber, mis luuakse märgendi abil

    ja pesastatud selle siltides

    1. 1. Esimene rida
       2. Teine rida
       3. Kolmas rida

       Nimekiri näeb välja selline:

       

       Vaikimisi on nummerdamine araabia numbritega. Aga silt

       Seal on atribuut type, mille väärtusi kasutades saate nummerdada ladina tähtedega suurtähtedega (type="A") või väiketähtedega (type="a"), ülemisse rooma numbritega (type="I" ) ja alumine (type="i" ) register.

       Allpool on toodud koodi lühendatud versioonid ja numeratsiooni tüüp, mis ühel või teisel juhul olla võib.

       Loendivaade:

       Loendivaade:

       

       Nummerdamine ladina tähestiku väiketähtedega:

       Loendivaade:

       

       Loendivaade:

       

       Loendivaade:

       

       HTML-i definitsioonide loend.

       Loendi eritüüp on definitsiooniloendid. Need erinevad selle poolest, et iga loendi element koosneb kahest elemendist, terminist ja tekstist, mis paljastab selle tähenduse. Need loendid luuakse siltide abil

       . Tag

       loob loendi jaoks konteineri, sildi

       määrab termini ja sildi

       termini kirjeldus või määratlus.

       See nimekiri on kirjutatud järgmiselt:

       Tähtaeg 1

       Definitsioon 1

       2. tähtaeg

       Mõiste 2 määratlus

       3. tähtaeg

       3. määratlus

       Tulemuseks on järgmine loend:

       

       Nagu näete, loob see terminile ja määratluse tekstile sobiva taande.

       Pesastatud või mitmetasandilised loendid HTML-is.

       Mõnikord on vaja teatud tüüpi loendi ühe elemendi sisse pesastada mõni muu loend. HTML-is on võimalik mõnda loendit piiramatult teiste loendite elementideks manustada.

       Näiteks siin on kood, mis pesastab nummerdatud loendid täpploendi üksuste sees.

       • See valik on
         1. Esimene rida
         2. Teine rida
         3. Kolmas rida
       • See valik
         1. Esimene rida
         2. Teine rida
         3. Kolmas rida
       • Selline variant
         1. Esimene rida
         2. Teine rida
         3. Kolmas rida

       Nummerdatud loendid on elementide kogum koos nende seerianumbritega. Nummerdamise tüüp ja tüüp sõltuvad elemendi parameetritest

       , mida kasutatakse loendi koostamiseks. Nummerdamiselementidena võivad olla järgmised väärtused:
       • araabia numbrid (1, 2, 3, ...);
       • araabia numbrid eesnulliga arvude puhul, mis on väiksemad kui kümme (01, 02, 03, ...,10);
       • suured ladina tähed (A, B, C, ...);
       • väikesed ladina tähed (a, b, c, ...);
       • suurtähtedega rooma numbrid (I, II, III, ...);
       • väiketähtedega rooma numbrid (i, ii, iii, ...);
       • armeenia numeratsioon;
       • Gruusia numeratsioon.

       Praktilisest küljest saab täpploendis üksuste kuvamise põhimõtteid rakendada sarnaselt nummerdatud loendile. Kuid arvestades, et tegemist on loendamisega, on mõningaid funktsioone, mida arutatakse edasi.

       Loendi nummerdamine

       Loendit on lubatud alustada mis tahes numbrist; selleks kasutatakse elemendi algusatribuuti

       või elemendi väärtus
       1. . Väärtus on mis tahes positiivne täisarv. Pole tähtis, mis tüüpi nummerdamine on määratud, isegi kui loendina kasutatakse ladina tähti. Kui loendile rakendatakse korraga nii atribuuti algus kui ka väärtus, on viimane ülimuslik ja numeratsioon kuvatakse väärtusega määratud arvust, nagu on näidatud näites 1.

          Näide 1: loendi numeratsiooni muutmine

          4. Peaksite oma töökoha eest hästi hoolt kandma.
          5. Reguleerige ruumi valgustust nii, et valgusallikas asuks operaatori küljel või taga.
          10. Meditsiiniliste tüsistuste vältimiseks on soovitatav valida pehme istmega tool.
          
          
          

          Selles näites algab loendi esimene element rooma numbriga IV, kuna atribuut start="4" on määratud, siis tuleb number V ja viimane element väljub järjekorras ning sellele omistatakse number X (joonis 1).

          Riis. 1. Rooma numbrid loendis

          Numbrite kirjutamine

          Vaikimisi on nummerdatud loendil teatud välimus: kõigepealt on number, seejärel punkt ja pärast seda kuvatakse tekst tühikuga eraldatuna. See kirjutamisvorm on visuaalne ja mugav, kuid mõned arendajad eelistavad näha loendite nummerdamise teistsugust kujundamist. Nimelt nii, et punkti asemel on sulgur, nagu on näidatud joonisel fig. 2 või midagi sarnast.

          

          Riis. 2. Nummerdatud loendivaade koos sulgudega

          Stiilid võimaldavad teil muuta loendi nummerdamise tüüpi, kasutades sisu ja vastassuunalise juurdekasvu atribuute. Esiteks tuleb ol-i valija seada vastulähtestus : item , see on vajalik selleks, et iga uue loendi nummerdamine algaks uuesti. Vastasel juhul numeratsioon jätkub ja 1,2,3 asemel näete 5,6,7. Kauba väärtus on loenduri kordumatu identifikaator, mille valime ise. Järgmiseks peate peitma algsed markerid stiili atribuudi list-style-type kaudu väärtusega none .

          Sisu atribuut töötab tavaliselt koos pseudoelementidega ::after ja ::before. Seega ütleb li::before ehitus, et enne iga loendi elementi tuleb lisada mingi sisu (näide 2).

          Näide 2. Oma numeratsiooni loomine

          Li::before ( sisu: counter(item) ") "; /* Lisage numbritele sulg */ counter-increment: item; /* Määra loenduri nimi */ )

          Sisu atribuut koos väärtuse loenduriga (üksus) kuvab numbri; Lisades sulgu, nagu on näidatud selles näites, saame vajaliku numeratsioonitüübi. loendinumbri suurendamiseks ühe võrra on vaja vastukasvu. Pange tähele, et läbivalt kasutatakse sama identifikaatorit nimega item . Lõplik kood on näidatud näites 3.

          Näide 3: loendivaate muutmine

          1. Esiteks
          2. Teiseks
          3. Kolmandaks
          4. Neljandaks
          
          
          

          Ülaltoodud meetodit kasutades saate teha mis tahes tüüpi nummerdatud loendeid, näiteks panna arv nurksulgudesse, sel juhul muutub stiilides ainult üks rida.

          Sisu: "[" loendur(üksus) "] ";

          Nimekiri vene tähtedega

          Ladina tähtedega on nummerdatud loend, kuid nimekirja jaoks pole vene tähti. Neid saab kunstlikult lisada, kasutades ülaltoodud tehnikat. Kuna nummerdamine toimub stiilide kaudu, jääb loend ise originaalseks, sinna lisatakse ainult valitud klass, nimetagem seda kirilliks (näide 4).

          Näide 4: Kood loendi loomiseks

          1. Üks
          2. Kaks
          3. Kolm

          Tähtede lisamine toimub pseudoelemendi ::before ja atribuudi sisu abil. Kuna igal real peab olema oma täht, siis kasutame pseudoklassi :nth-child(1) , mille tähe number kirjutatakse sulgudesse. Esimene täht on loomulikult A, teine ​​on B, kolmas on C jne. Kogu see komplekt lisatakse li valijale järgmiselt (näide 5).

          Näide 5: Pseudoklass:nth-laps kasutamine

          kirillitsas li:nth-child(1)::enne ( sisu: "a)"; ) .kiriilis li:nth-child(2)::before ( sisu: "b)"; ) .kiriilis li:nth-child(3)::before ( sisu: "at)"; )

          Selles näites järgneb igale tähele sulg, kõik tähed on väiketähed. Saate määrata oma loendi nummerdamise tüübi, näiteks võib see sisaldada suurtähti koos punktiga, ühe või kahe sulguga või ainult tähti. Erinevalt tavalisest nummerdamisest saame siin vabalt teha, mida tahame. Kümnest tähest koosnevast loendist peaks piisama peaaegu kõigi olukordade jaoks, kuid kui sellest äkki ei piisa, ei takista miski meil loendit laiendamast, et see hõlmaks vähemalt kõiki vene tähestiku tähti.

          Lõpuks reguleerime tähtede joondust ja asukohta, soovi korral täpsustame fondi suurust, värvi ja muid parameetreid (näide 6).

          Näide 6. Nimekiri vene tähtedega

          1. Borš
          2. Haugi kotletid
          3. Kulebyaka
          4. Seened hapukoores
          5. Pannkoogid kaaviariga
          6. Kvass
          
          
          

          Selle näite tulemus on näidatud joonisel fig. 3.

          Veebilehtedel kasutatakse sageli loendeid, seega on see probleem väga asjakohane. HTML-is on kahte tüüpi loendeid: nummerdatud ja nummerdamata (täppidega). Loendite koostamiseks kasutatakse spetsiaalseid silte. Peamiste siltidega tutvume selles õppetükis. Vaatame HTML-i loendite tüüpe järjekorras ja kasutame reaalseid näiteid, et mõista, kuidas need erinevad ja kuidas neid väljastatakse.

          Nummerdatud loendid HTML-is

          Nummerdatud loendid HTML-is on järjestatud elementide jada. Nummerdatud loendis eelneb igale elemendile automaatselt seerianumber. Nummerdatud loend näeb välja selline:

          1. Loendi esimene element
          2. Loendi teine ​​element
          3. Loendi kolmas element
          4. Loendi neljas element
          5. Loendi viies element

          Selles näites kuvatakse loend araabia numbritega. Nummerdatud loenditel on atribuudid, mida saab kasutada loendi nummerdamise kuvamise vormingu määramiseks:

          1. Atribuudid "I" või "i" - loend on nummerdatud ladina tähtedega (suur- või väiketähtedega);
          2. Atribuudid “A” või “a” – numeratsioon ladina tähtedega (suur või väike);
          3. Atribuuti “start” kasutatakse selleks, et numeratsioon ei algaks parameetrina seerianumbrist, millest tuleb nimekiri koostada.

          Näide. Nummerdatud loend, mis koosneb ladina tähtedest ja algab teise elemendiga:

          2. Loendi esimene element
          3. Loendi teine ​​element
          4. Loendi kolmas element
          5. Loendi neljas element
          6. Loendi viies element

          HTML-i täpploendid

          Järjestamata loendeid nimetatakse ka järjestamata või täpploenditeks. Sellise loendi elementide esiletõstmiseks kasutatakse erimärke (markereid). Loendimarkerite tüüp määratakse HTML-koodis spetsiaalsete atribuutide abil. HTML-i täpploendi näide:

          • Loendi esimene element
          • Loendi teine ​​element
          • Loendi kolmas element
          • Loendi neljas element
          • Loendi viies element

          Sel juhul koostatakse loend rasvase punkti kujul olevatest markeritest. Järjestamata loendi atribuudid on järgmised:

          1. "ketas" - markerid täidetud ringi kujul
          2. “ring” – markerid tühja ringi kujul
          3. “ruut” - markerid täidetud ruudu kujul

          Näide konkreetse markeri määramisest loendis:

          • Loendi esimene element
          • Loendi teine ​​element
          • Loendi kolmas element
          • Loendi neljas element
          • Loendi viies element

          Graafilisi pilte saate kasutada ka loendimarkeritena, mis võimaldab teil oma HTML-dokumendi kaunilt kujundada. Praktikas kasutatakse seda väga sageli. Selle ülesande täitmiseks peate koodi kirjutama markerina kasutatava pildi tee:

          Loendi esimene element
          Loendi teine ​​element
          Loendi kolmas element
          Loendi neljas element
          Loendi viies element

          Loendeid saab ka pesastada, need koosnevad mitmest loendist:

          1. Loendi esimene element
          2. Loendi teine ​​element
          • Loendi esimene alampunkt
          • Nimekirja teine ​​alampunkt
          3. Loendi kolmas element
          4. Loendi neljas element
          5. Loendi viies element

          See on ilmselt kõik, mida tahtsin teile HTML-i loendite kohta öelda. Loendid on veebilehtedel väga levinud. Nende moodustamiseks peate teadma teatud järeldusreegleid.

          Loendid on sisu oluline osa, kuna need aitavad teavet korrastada. Nimekirjade tekst on paremini tajutav ja seda on kergem meelde jätta.

          Lihtsaim on see, et iga selle elemendi ees on marker - ring, ruut või ring. Üksuste järjekord täpploendis ei ole oluline.

          Selle loomiseks peate kasutama ainult kahte silti:

          Ja
          • .
            on konteiner, mis sisaldab loendit, mille elemendid on märgisega määratud
            • .
              • Kivi
              • Käärid
              • Paber
              
              
              

              Vaikimisi on loendi marker must ring ( kettale). Märgendile lisades

              atribuut tüüp ja määrates sellele sobiva väärtuse, saab markeri muuta ringiks ( ring) või must ruut ( ruut).

              See erineb märgitust selle poolest, et oluline on selles olevate elementide järjekord ja seetõttu kasutatakse siin markeri asemel järjestikuseid numbreid või tähti. Loendis oleva järjekorra pärast pole vaja muretseda: selle ülesande eest hoolitseb brauser. Kui muudate loendit (eemaldate või lisate üksuse korrast ära), arvutab brauser selle uuesti ja kuvab selle õigesti.

              Silte kasutatakse nummerdatud loendite loomiseks

              Ja
              1. . Konteiner
                 määrab loendi alguse ja lõpu, sildi
                 1. määrab selle elemendi alguse ja lõpu – kõik on nagu täpploendis, ainult
                    asendatud
                    .
                    1. Kivi
                    2. Käärid
                    3. Paber
                    
                    
                    

                    

                    Kuna nummerdatud loendite puhul pole asjad alati nii lihtsad, siis sildi jaoks

                    lõi järgmised atribuudid (märkus: allpool on vaid nummerdatud loend):

                    1. tüüp. See atribuut võimaldab teil loendit nummerdada mitte ainult araabia, vaid ka rooma numbrite või erinevat tüüpi ladina tähtedega. tüüp toetab väärtusi 1 (vaikimisi), a, A, i, I (proovige nendega ise katsetada).

                    2. alustada. Nummerdamine ei pea alati algama ühega. See atribuut võimaldab määrata algväärtuse – loendi esimese elemendi numbri. Selles saate määrata, et aruanne algab näiteks numbriga 100 või tähega K.

                    3. tagurpidi. Kui loend peaks minema mitte 1–10, vaid 10–1, tuleb seda atribuuti kasutada. Kui see on määratud, toimub numeratsioon vastupidises järjekorras.

                    Loendi keskel olevale elemendile suvalise numbri määramiseks tuleb kasutada märgendis

                    1. atribuut :

                    2. Neljakümne viies element pärast kolmekümne kaheksandat

                    Loendi keskel asuva ühe elemendi numbrit muutes muudate kõigi sellele järgnevate elementide nummerdamist - aruanne algab väärtuse atribuudis oleva väärtusega. Näiteks kui määrasite elemendile 18 numbri 35, siis sellele järgnevatel elementidel on numbrid mitte 19, 20, 21, vaid 36, 37, 38.

                    Määratluste loend

                    Loenditüüp, mis ei ole nii tuntud kui eespool käsitletud. Koosneb terminitest ja nende määratlustest. Loodud siltide abil:

                    - loendit sisaldav konteiner.

                    - termini silt.

                    - määratluse silt

                    Definitsiooniloendite rakendusala on sõnastikud, teatmeteosed, testid, sõnastikud ja muud mahukad "Termin - selgitus" tüüpi loendid.

                    Siin on näide definitsioonide loendist:

                    Kirjeldaja

                    Märgistuskeele põhiühik, mida kõik teavad kui "Silt".

                    Atribuut

                    Märgendi omadus, mis annab sellele täiendavaid tekstivormingu valikuid.

                    Silt

                    Üks silt, mida ei pea sulgema.

                    
                    
                    

                    

                    Loend, mis koosneb üksteise sees pesastatud loenditest. Võib sisaldada erinevat tüüpi loendeid. Loomise raskus seisneb siltide õige pesastamise säilitamises, kuna mitmetasandilises struktuuris on lihtne segadusse sattuda.

                    Siin on näide mitmetasandilisest loendist:

                    Programmeerimiskeeled jagunevad:

                    • Struktuurne
                    1. Pascal
                    2. Oberon
                    1. Limbo
                    • Objektorienteeritud
                    1. Java
                    • Funktsionaalne
                    1. Lisp
                    2. Python