Viens no HTML ieviestajiem sarakstu veidiem ir saraksts ar aizzīmēm. Pretējā gadījumā šāda veida sarakstus sauc par nenumurētiem vai nesakārtotiem. Uzvārdu bieži izmanto kā atbilstošās atzīmes nosaukuma formālu tulkojumu

, ar kuras palīdzību šāda veida saraksti tiek sakārtoti HTML dokumentos (UL - Unordered List, unordered list).

Sarakstā ar aizzīmēm tiek izmantotas īpašās rakstzīmes, ko sauc par saraksta marķieriem, lai izceltu tā elementus (tās bieži sauc par aizzīmēm, kas ir angļu valodas termina bullet formālā izruna). Sarakstu marķieru izskatu nosaka pārlūkprogramma, un, veidojot ligzdotos sarakstus, pārlūkprogrammas automātiski dažādo marķieru izskatu dažādos ligzdošanas līmeņos.

Tagi

Un

Lai izveidotu sarakstu ar aizzīmēm, ir jāizmanto konteinera tags, kurā atrodas visi saraksta elementi. Sākuma un beigu saraksta tagi nodrošina rindiņas pārtraukumu pirms un pēc saraksta, tādējādi atdalot sarakstu no dokumenta galvenā satura, tāpēc šeit nav jāizmanto rindkopas tagi


.

Katram saraksta elementam jāsākas ar tagu

• (LI — saraksta vienums, saraksta elements). Tag
• neprasa atbilstošu noslēguma zīmi, lai gan tā klātbūtne principā nav aizliegta. Pārlūkprogrammas parasti sākas katru reizi, kad tiek parādīts dokuments. jauns elements sarakstu no jaunas rindas.

  Sniegtā informācija ir pietiekama, lai izveidotu pamata sarakstu ar aizzīmēm. Sniegsim piemēru HTML dokumentam, izmantojot aizzīmju sarakstu, kura parādīšana pārlūkprogrammā ir parādīta attēlā. 2.1.

  Zodiaka zīmes:

  • Auns

  • Vērsis

  • Dvīņi

  • Jaunava

  • Svari

  • Skorpions

  • Strēlnieks

  • Mežāzis

  • Ūdensvīrs

  • Zivis

  Rīsi. 2.1. Pārlūkprogrammas aizzīmju saraksta parādīšana

  Ņemiet vērā, ka papildus saraksta elementiem, kas atzīmēti ar tagu

• , var būt citi HTML elementi. Iepriekš minētajā piemērā viens no šiem elementiem ir vienkāršs teksts, kas nav saraksta vienums, bet darbojas kā tā nosaukums.

  Piezīme

  Dažās HTML valodas mācību grāmatās ir norādīts, ka saraksta nosaukuma iestatīšanai jāizmanto konteinera tags (LH — saraksta galvene, saraksta galvene). Šo tagu pašlaik neatpazīst neviena izplatīta pārlūkprogramma, un tas nav daļa no HTML specifikācijas. Tādējādi tā izmantošana kļūst bezjēdzīga, lai gan tas neradīs nekādas kļūdas.

  Tagā

  var norādīt divus parametrus: COMPACT un TYPE.

  Parametrs COMPACT tiek rakstīts bez vērtības un tiek izmantots, lai norādītu pārlūkprogrammai, ka šo sarakstu jāiesniedz kompaktā formā. Piemēram, var tikt samazināts fonts vai attālums starp saraksta rindām utt.

  Piezīme

  Pašlaik tagā ir parametrs COMPACT

  nekādā veidā neietekmē sarakstu rādīšanu vadošajās pārlūkprogrammās. Tāpēc pieteikums šis parametrs ir bezjēdzīga, jo īpaši tāpēc, ka tā lietošana nav ieteicama HTML 4.0 specifikācijā.

  Parametram TYPE var būt šādas vērtības: disks, aplis un kvadrāts. Šis parametrs tiek izmantots, lai piespiestu parādīt saraksta aizzīmes. Precīzs marķiera veids būs atkarīgs no izmantotās pārlūkprogrammas. Tipiskās displeja opcijas ir šādas:

  TYPE = disks - marķieri tiek parādīti kā aizpildīti apļi; TIPS = aplis - marķieri tiek parādīti kā atvērti apļi; TYPE = kvadrāts - marķieri tiek parādīti kā aizpildīti kvadrāti. Ieraksta piemērs:

  .

  Noklusējuma vērtība ir TYPE = disks. Ligzdotiem aizzīmju sarakstiem noklusējuma vērtība ir disks pirmajā līmenī, aplis otrajā līmenī, kvadrāts trešajā līmenī un tālāk. Tas ir tieši tas, kas tiek darīts jaunākās versijas Netscape pārlūkprogrammas un Internet Explorer. Lūdzu, ņemiet vērā, ka citās pārlūkprogrammās marķieri var tikt parādīti atšķirīgi. Piemēram, iekšā HTML specifikācijas 4.0 marķiera tipam, kas tiek rādīts, ja vērtība TIPS = kvadrāts, tiek norādīts neaizpildīts kvadrāts (kvadrāta kontūra).

  Parametru TYPE ar vienādām vērtībām var izmantot, lai norādītu atsevišķu saraksta elementu marķieru veidu. Lai to izdarītu, saraksta elementa tagā ir atļauts norādīt parametru TYPE ar atbilstošo vērtību

  • .

    Ieraksta piemērs:

  • .

    Piezīme

    Pārlūkprogrammas atšķirīgi interpretē atsevišķa saraksta vienuma aizzīmju tipa specifikāciju. Netscape pārlūkprogramma maina marķiera izskatu šim un visiem nākamajiem, līdz tiek konstatēts nākamais marķiera izskata pārdefinējums. Interneta pārlūkprogramma Explorer maina tikai šī elementa marķiera izskatu.

    Grafiskā saraksta marķieri

    Grafiskos attēlus var izmantot kā saraksta aizzīmes, ko plaši izmanto, lai izveidotu pievilcīgus, labi izstrādātus HTML dokumentus. Faktiski šāda iespēja netiek nodrošināta tieši HTML valoda, bet tiek ieviests zināmā mērā mākslīgi. Tas nenozīmē, ka šāda rīcība nav ieteicama vai nosodāma, bet tikai to, ka šeit netiks izmantotas īpašas HTML valodas konstrukcijas.

    Lai saprastu ideju, jums ir jāsaprot sarakstu ieviešanas mehānisms HTML lapās. Izrādās, ka saraksta tags

    (tāpat kā citu veidu saraksta tagi, par kuriem runāts tālāk) veic vienu uzdevumu - tas norāda pārlūkprogrammai, ka visa informācija, kas atrodas aiz šī taga, ir jāparāda pabīdīta pa labi (atkāpe) par noteiktu summu. Tagi
    • , kas norāda uz atsevišķiem saraksta vienumiem, nodrošina standarta saraksta vienumu marķierus.

      Ja mums ir nepieciešams izveidot sarakstu ar grafiskiem marķieriem, mēs varam iztikt bez tagiem

    • . Pietiks pirms katra saraksta elementa ievietot vajadzīgo grafisko attēlu. Vienīgā problēma, kas jāatrisina, ir saraksta elementu atdalīšana vienu no otra. Šim nolūkam varat izmantot rindkopas tagus

      Vai piespiediet rindas padevi
      . Piemērs saraksta ieviešanai ar grafiskiem marķieriem, kura displejs ir parādīts attēlā. 2.2 ir parādīts zemāk:

      kas tiks pārraidīti tikai vienu reizi. Arī neliela attēla faila izmēri ir ārkārtīgi mazi.

      Piezīme

      Metodes sarakstu veidošanai ar grafiskām aizzīmēm ir apskatītas pēc kārtas 8. nodaļā.

      
      

      Galvenie sarakstu lietojumi:

      Numurēti — lai uzskaitītu elementus, kas seko stingri noteiktā secībā.

      Aizzīmēts — lai uzskaitītu elementus nejaušā secībā.

      Daudzlīmeņu - lai norādītu noteiktu elementu informāciju.

      Definīciju saraksts - izmanto vārdnīcu formatēšanai.

      Numurēta saraksta html lapa

      Tagus izmanto, lai izveidotu numurētus sarakstus

      1. Tag

         Tag

         1. Pēc noklusējuma saraksta vienumi tiek numurēti secībā 1, 2, 3... Izmantojot atribūtu TYPE, var mainīt numerācijas stilu.

            Vērtību numerācija A TIPS A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..

            Ja jau pievienojat esošo sarakstu jaunas vērtības, pārlūkprogramma to automātiski pārrēķinās.

            Izmantojot atribūtus START VALUE, varat mainīt saraksta numerācijas secību.

            START — izmanto, lai norādītu saraksta sākuma numuru, kas atšķiras no 1.

            VĒRTĪBA - ļauj jebkuram saraksta elementam piešķirt patvaļīgu numuru.

            Piemērs:

            Aizzīmju saraksta html lapa

            Atzīmes tiek izmantotas, lai izveidotu sarakstus ar aizzīmēm

            Tag

            Ir atzīmēts visa saraksta sākums/beigas.

            Tag

            • norāda atsevišķa saraksta elementa sākumu/beigas.

              Pēc noklusējuma saraksta vienumi ir atzīmēti ar melnu apli. Atribūtu TYPE var izmantot, lai mainītu marķējuma stilu.

              Vienā sarakstā varat izmantot dažādus saraksta elementu marķējumus.

              Piemērs:

              Daudzlīmeņu saraksta html lapa

              Lai izveidotu vairāku līmeņu sarakstus, varat izmantot sarakstus ar aizzīmēm vai numurētus, vai arī abus. Daudzlīmeņu saraksts tiek izveidots, ligzdojot vienu sarakstu cita pamattekstā. Galvenais uzdevums ir neapjukt. Lai to izdarītu, iesaku atsevišķiem sarakstiem izveidot dažādus ievilkumus.

              Html lapu definīciju saraksti

              Lai izveidotu definīciju sarakstus, tiek izmantoti trīs tagi:

              - saraksta sākums/beigas.

              - konkrēta termiņa sākums/beigas.

              - termina skaidrojošā raksta sākums/beigas.

              Tagi

              Un

              nav nepieciešams mainīt. Tie. Varat “saistīt” vairākus terminus ar vienu definīciju un otrādi.

              Piemērs:

              HTML kods: 1. termiņš Abstract1 līdz 1. terminam Abstract2 uz 1. terminu

              Pārlūka displejs: 1. termina kopsavilkums 1. līdz 1. terminam Abstract2 līdz 1. terminam

              Tā kā šajā vietnē dažiem elementiem tiek piemēroti noteikti stili, to attēlojums tabulā nedaudz atšķiras no tā, ko jūs iegūsit.

              HTML saraksti izmanto, lai grupētu saistītu informāciju. Ir trīs veidu saraksti:

              saraksts ar aizzīmēm —

              - katrs saraksta elements
              • atzīmēts ar marķieri,
                numurēts saraksts —
                - katrs saraksta elements
                1. atzīmēts ar numuru
                   definīciju saraksts- - sastāv no terminu pāriem
                   —
                   definīcija.

                   Katrs saraksts ir konteiners, kurā atrodas saraksta elementi vai terminu definīciju pāri. Saraksta elementi darbojas kā bloka elementi, kas ir sakrauti viens zem otra un aizņem visu konteinera bloka platumu. Katram saraksta vienumam ir papildu bloks, kas atrodas sānos, kas nepiedalās izkārtojumā.

                   HTML sarakstu izveide

                   1. saraksts ar aizzīmēm

                   Saraksts ar aizzīmēm ir nesakārtots saraksts (no angļu valodas Unordered List). Izveidots, izmantojot pārī savienotu tagu

                   . Saraksta elementa marķieris ir etiķete, piemēram, aizpildīts aplis.

                   Pēc noklusējuma pārlūkprogrammas saraksta blokam pievieno šādu formatējumu:

                   Katrs saraksta elements tiek izveidots, izmantojot pārī savienotu tagu

                2. (no angļu valodas saraksta vienuma).
                pieejams.
                • Microsoft
                • Google
                • Apple
                Rīsi. 1. saraksts ar aizzīmēm

                2. Numurēts saraksts

                Numurēts saraksts tiek izveidots, izmantojot pārī savienotu tagu. Katrs saraksta vienums tiek izveidots arī, izmantojot elementu

              • . Pārlūkprogramma automātiski numurē elementus secībā, un, ja izdzēšat vienu vai vairākus šāda saraksta elementus, atlikušie skaitļi tiks automātiski pārrēķināti.

                Saraksta blokam ir arī noklusējuma pārlūkprogrammas stili:

              • Ir pieejams vērtības atribūts, kas ļauj mainīt atlasītā saraksta elementa noklusējuma numuru. Piemēram, ja jūsu iestatītā saraksta pirmajam vienumam
              • , tad atlikušā numerācija tiks pārrēķināta attiecībā pret jauno vērtību.

                Atzīmei

                Ir pieejami šādi atribūti:
                1. tabula. Tagu atribūti

                Atribūts	Apraksts, pieņemtā vērtība
                otrādi	Apgrieztā atribūta dēļ saraksts tiek parādīts apgrieztā secībā (piemēram, 9, 8, 7...).
                sākt	Sākuma atribūts norāda sākotnējo vērtību, no kuras sāksies numerācija, piemēram, konstrukcija pirmajai precei tiks piešķirts sērijas numurs “10”. Vienlaikus varat norādīt arī numerācijas veidu, piemēram, .
                veids	Tipa atribūts norāda sarakstā izmantojamā marķiera veidu (burti vai cipari). Pieņemtās vērtības: 1 — noklusējuma vērtība, decimālā numerācija. A — saraksta numerācija alfabētiskā secībā, lielie burti (A, B, C, D). a — saraksta numerācija alfabētiskā secībā, mazie burti (a, b, c, d). I - numerācija ar romiešu lielajiem cipariem (I, II, III, IV). i — numerācija ar romiešu mazajiem cipariem (i, ii, iii, iv).

                1. Microsoft
                2. Google
                3. Apple
                Rīsi. 2. Numurēts saraksts

                3. Definīciju saraksts

                Definīciju saraksti tiek izveidoti, izmantojot tagu

                . Lai pievienotu terminu, izmantojiet tagu
                , un, lai ievietotu definīciju - tagu
                .

                Definīciju saraksta blokam ir šādi noklusējuma pārlūkprogrammas stili:

                Par tagiem

                ,

                Un

                pieejams.

                Režisors:

                Pēteris Točilins

                Lomās:

                Andrejs Gaiduljans

                Aleksejs Gavrilovs

                Vitālijs Gogunskis

                Marija Koževņikova

                Rīsi. 3. Definīciju saraksts

                4. Ligzdots saraksts

                Bieži vien ar vienkāršu sarakstu iespējām nepietiek, piemēram, veidojot satura rādītāju, neiztikt bez ligzdoti vienumi. Ligzdotā saraksta marķējums būtu šāds:

                • 1. punkts.
                • 2. punkts.
                  • 2.1.apakšpunkts.
                  • 2.2.apakšpunkts.
                    • 2.2.1.apakšpunkts.
                    • 2.2.2.apakšpunkts.
                  • 2.3.apakšpunkts.
                • 3. punkts.

                
                Rīsi. 4. Ligzdots saraksts

                5. Daudzlīmeņu numurēts saraksts

                Daudzlīmeņu saraksts tiek izmantots, lai parādītu saraksta vienumus dažādos līmeņos ar dažādām atkāpēm. Daudzlīmeņu numurēta saraksta marķējums būtu šāds:

                1. paragrāfs
                2. paragrāfs
                   1. paragrāfs
                   2. paragrāfs
                   3. paragrāfs
                      1. paragrāfs
                      2. paragrāfs
                      3. paragrāfs
                   4. paragrāfs
                3. paragrāfs
                4. paragrāfs

                Šis noklusējuma marķējums katram ligzdotajam sarakstam izveidos jaunu numerāciju, sākot ar vienu. Lai izveidotu ligzdotu numerāciju, ir jāizmanto šādi rekvizīti:
                counter-reset atiestata vienu vai vairākus skaitītājus, norādot atiestatāmo vērtību;
                counter-increment norāda skaitītāja pieauguma vērtību, t.i. ar kādiem soļiem tiks numurēts katrs nākamais vienums;
                saturs - ģenerēts saturs, šajā gadījumā tas ir atbildīgs par numura parādīšanu pirms katra saraksta vienuma.

                Ol ( /* noņemt standarta numerāciju */ list-style: none; /* Identificējiet skaitītāju un piešķiriet tam nosaukumu li. Skaitītāja vērtība nav norādīta - pēc noklusējuma tā ir 0 */ counter-reset: li; ) li :before ( /* Mēs definējam elementu, kas tiks numurēts - li. Pirms pseidoelements norāda, ka saturs, kas ievietots, izmantojot rekvizītu content, tiks novietots pirms saraksta vienumiem. Šeit mēs arī iestatām skaitītāja pieauguma vērtību (noklusējums ir 1). */ counter-increment: li; / * Rekvizīts saturs parāda saraksta vienuma numuru. counters() nozīmē, ka ģenerētais teksts atspoguļo visu skaitītāju vērtības ar šādu nosaukumu. Punkts pēdiņās pievieno atdalīšanas punktu starp skaitļiem, un pirms katra saraksta vienuma satura tiek pievienots punkts ar atstarpi */ content: counters(li,".") "."; )
                Rīsi. 5. Daudzlīmeņu numurēts saraksts

              HTML atbalsta trīs sarakstus dažādi veidi, katram no tiem ir savi parametri:

              • – numurēts (izmantojot ciparus vai burtus) sarakstu, kura katram elementam ir kārtas numurs (burts);
                1. – saraksts ar aizzīmēm (nav numurēts), pie katra elementa ir novietots marķieris (nevis ciparu vai alfabēta rakstzīmes, kas norāda sērijas numuru);

                   • – definīciju saraksts sastāv no nosaukuma/vērtības pāriem, tostarp terminiem un definīcijām.

                   Numurēti saraksti

                   Numurētā sarakstā pārlūkprogramma automātiski ievieto elementu numurus secībā, sākot ar noteiktu vērtību (parasti 1). Tas ļauj ievietot un dzēst saraksta elementus, netraucējot numerāciju, jo atlikušie skaitļi tiks automātiski pārrēķināti.
                   Numurētie saraksti tiek veidoti, izmantojot bloka elementu

                   (no angļu valodas Ordered List - numurētais saraksts). Blakus konteineram
                   katram saraksta vienumam tiek ievietots elements
                   1. (no angļu valodas List Item - saraksta vienums). Noklusējums ir numurēts saraksts ar arābu cipariem.
                      Tag
                      ir šāda sintakse:
                      1. 1. elements
                      2. 2. elements
                      3. 3. elements

                      Numurētajiem saraksta vienumiem ir jābūt vairākiem saraksta vienumiem, kā parādīts šajā piemērā:

                      Piemērs: numurēts saraksts

                      • Izmēģiniet pats"

                      Soli pa solim instrukcija

                      1. Paņemiet atslēgu
                      2. Ievietojiet atslēgu slēdzenē
                      3. Pagrieziet atslēgu divus apgriezienus
                      4. Izņemiet atslēgu no slēdzenes
                      5. Atver durvis

                      Soli pa solim instrukcija

                      1. Paņemiet atslēgu
                      2. Ievietojiet atslēgu slēdzenē
                      3. Pagrieziet atslēgu divus apgriezienus
                      4. Izņemiet atslēgu no slēdzenes
                      5. Atver durvis

                      Dažreiz, aplūkojot esošos HTML kodus, jūs saskaraties ar argumentu veids elementā

                      , ko izmanto, lai norādītu numerācijas veidu (burti, romiešu un arābu cipari utt.). Sintakse:

                      Šeit: ierakstiet - saraksta simboli:

                      • A - lielie latīņu burti (A, B, C...);
                      • a - mazie latīņu burti (a, b, c...);
                      • I - lielie romiešu cipari (I, II, III...);
                      • i - mazie romiešu cipari (i, ii, iii...);
                      • 1 — arābu cipari (1, 2, 3 . . .) (tiek izmantoti pēc noklusējuma).

                      Ja vēlaties, lai saraksts sāktos ar citu skaitli, nevis 1, tas jānorāda, izmantojot atribūtu sākt tagu

                      .
                      Nākamajā piemērā ir parādīts numurēts saraksts ar lieliem romiešu cipariem un XLIX sākuma vērtību:

                      Numerāciju var sākt arī, izmantojot atribūtu vērtību, kas tiek pievienots elementam

                      1. šādā veidā:

                      7. Šajā gadījumā saraksta secīgā numerācija tiks pārtraukta un no šī brīža numerācija sāksies no jauna, šajā gadījumā no septiņiem.

                         Atribūtu lietošanas piemērs vērtību tagu

                      8. , kas ļauj mainīt norādītā saraksta elementa numuru:

                         Šajā piemērā "Pirmajam saraksta vienumam" būtu 1. numurs, "Otrā saraksta vienumam" būtu 7. numurs un "Trešajam saraksta vienumam" būtu 8. numurs.

                         Numurēto sarakstu formatēšana ar CSS

                         Lai mainītu saraksta numurus, jāizmanto rekvizīts saraksta stila veids CSS stila lapas:

                         Numurēto sarakstu stili

                         Piemērs	Nozīme	Apraksts
                         a, b, c	zemākā alfa	Mazie burti
                         A, B, C	augšējā alfa	Lielie burti
                         i, ii, iii	apakšromiešu	Romiešu cipari ar mazajiem burtiem
                         I, II, III	augšējais romāns	Romiešu cipari ar lielajiem burtiem

                         Piemērs: CSS īpašuma lietošana saraksta stila veids

                         Saraksti ar aizzīmēm

                         Saraksti ar aizzīmēm pēc būtības ir līdzīgi numurētiem sarakstiem, tikai tie nesatur vienumu secīgu numerāciju. Saraksti ar aizzīmēm tiek izveidoti, izmantojot bloka elementu

                         (no angļu valodas Unordered List - unnumbered list). Katrs saraksta elements, tāpat kā numurētajos sarakstos, sākas ar tagu
                         • . Pārlūkprogramma katru saraksta vienumu veic atkāpi un automātiski parāda aizzīmes.
                           Tag
                           ir šāda sintakse:
                           • Pirmais punkts
                           • Otrais punkts
                           • Trešais punkts

                           Nākamajā piemērā var redzēt, ka pēc noklusējuma pirms katra saraksta vienuma tiek pievienots neliels marķieris aizpildīta apļa formā:

                           Tagas iekšpusē

                           • Nav nepieciešams ievietot tikai tekstu, ir pieļaujams ievietot jebkuru straumējamā satura elementu (saites, rindkopas, attēlus utt.)

                             Ligzdotie saraksti

                             Jebkuru sarakstu var ievietot citā sarakstā. Elementa iekšpusē
                           • Ir atļauts izveidot ligzdotu sarakstu vai otrā līmeņa sarakstu. Lai ligzdotu sarakstu, elementā aprakstiet jauno sarakstu
                           • jau esošais saraksts. Ievietojot vienu sarakstu ar aizzīmēm citā, pārlūkprogramma automātiski maina otrā līmeņa saraksta aizzīmju stilu. Jebkuru sarakstu var ievietot citā sarakstā. Nākamajā piemērā ir parādīta numurēta saraksta otrajā vienumā ligzdotā saraksta ar aizzīmēm struktūra.

                             Piemērs: Ligzdotie saraksti

                             • Izmēģiniet pats"
                             • pirmdiena
                               1. Nosūtīt pastu
                               2. Redaktora apmeklējums
                                  • Tēmas izvēle
                                  • Dekoratīvais dizains
                                  • Gala ziņojums
                               3. Vakara ziņojumu apskate
                             • otrdiena
                               1. Pārskatiet grafiku
                               2. Sūtīt attēlus
                             • trešdien...
                             • pirmdiena
                               1. Nosūtīt pastu
                               2. Redaktora apmeklējums
                                  • Tēmas izvēle
                                  • Dekoratīvais dizains
                                  • Gala ziņojums
                               3. Vakara ziņojumu apskate
                             • otrdiena
                               1. Pārskatiet grafiku
                               2. Sūtīt attēlus
                             • trešdien...

                             Aizzīmju sarakstu formatēšana

                             Pārmaiņām izskats Jāizmanto saraksta marķiera rekvizīts saraksta stila veids CSS stila lapas:

                             Šajā piemērā ir parādīti dažādi aizzīmju sarakstu stili:

                             Piemērs: aizzīmju saraksta stili

                             • Izmēģiniet pats"
                             • Kafija
                             • Kafija
                             • Kafija
                             • Kafija

                             Disks:

                             • Kafija
                             • Piens

                             Aplis:

                             • Kafija
                             • Piens

                             Kvadrāts:

                             • Kafija
                             • Piens

                             Nav:

                             • Kafija
                             • Piens

                             Grafiskie marķieri.

                             HTML valodā ir iespējams izveidot sarakstu ar grafiskiem marķieriem. Viena lieta ir, ja saraksta marķieri ir standarta apļi vai kvadrāti, un pavisam cita lieta, kad izstrādātājs pats izvēlas marķieri atbilstoši lapas dizainam. Lai saraksta vienumi būtu skaisti, bieži tiek izmantoti mazi attēli.
                             Lai aizstātu parasto marķieri ar grafisku, nomainiet rekvizītu saraksta stila veids par īpašumu saraksta stila attēls un norādiet attēla URL:

                             Piemērs: grafiskie marķieri

                             • Izmēģiniet pats"

                             Zodiaka zīmes

                             • Vērsis
                             • Dvīņi

                             Zodiaka zīmes

                             • Auns
                             • Vērsis
                             • Dvīņi

                             Definīciju saraksti (apraksti)

                             Definīciju saraksti ir ļoti noderīgi, lai izveidotu, piemēram, savu personīgo terminu vārdnīcu. Katram definīciju saraksta vienumam ir divas daļas: termins un tā definīcija.
                             Jūs ievietojat visu sarakstu elementā

                             (no angļu valodas definīciju saraksta - definīciju saraksts). Tas ietver tagus

                             (no angļu valodas Definition Term - definēts vārds, termins) un

                             (no angļu valodas Definition Description — definējamā termina apraksts).
                             Definīciju sarakstus bieži izmanto zinātniskās, tehniskajās un izglītības publikācijās, izmantojot tos glosāriju, vārdnīcu, uzziņu grāmatu u.c.

                             Aprakstu saraksta vispārējā struktūra ir šāda:

                             Pirmais termiņš

                             Pirmā termiņa apraksts

                             Otrais termiņš

                             Otrā termiņa apraksts

                             Nākamajā piemērā ir parādīts viens no iespējamie lietojumi definīciju saraksts:

                             Piemērs: definīciju saraksts

                             • Izmēģiniet pats"

                             World Wide Web - no angļu valodas. World Wide Web (WWW) ir izplatīta sistēma, kas nodrošina piekļuvi saistītiem dokumentiem, kas atrodas dažādos datoros, kas savienoti ar internetu. Internets ir tīklu kopums, kas informācijas pārsūtīšanai izmanto vienu apmaiņas protokolu. Vietne ir atsevišķu tīmekļa lapu kopums, kas ir savstarpēji savienotas ar saitēm un vienotu dizainu.

                             Pasaules tīmeklis

                             - no angļu valodas World Wide Web (WWW) ir izplatīta sistēma, kas nodrošina piekļuvi saistītiem dokumentiem, kas atrodas dažādos datoros, kas savienoti ar internetu.

                             Internets

                             — tīklu kopums, kas informācijas pārsūtīšanai izmanto vienu apmaiņas protokolu.

                             Tīmekļa vietne

                             - atsevišķu tīmekļa lapu kopums, kas ir savstarpēji savienotas ar saitēm un vienotu dizainu.

                             Pēc noklusējuma termina teksts tiek nospiests pārlūkprogrammas loga kreisajā malā, un termina apraksts atrodas zemāk un pārvietots pa labi.

                             Numurētie saraksti ir elementu kopums ar to sērijas numuriem. Numerācijas veids un veids ir atkarīgs no elementa parametriem

                             , ko izmanto, lai izveidotu sarakstu. Šādas vērtības var kalpot kā numerācijas elementi:
                             • arābu cipari (1, 2, 3, ...);
                             • arābu cipari ar nulli sākumā, ja skaitļi ir mazāki par desmit (01, 02, 03, ...,10);
                             • lielie latīņu burti (A, B, C, ...);
                             • mazie latīņu burti (a, b, c, ...);
                             • lielie romiešu cipari (I, II, III, ...);
                             • mazie romiešu cipari (i, ii, iii, ...);
                             • armēņu numerācija;
                             • Gruzīnu numerācija.

                             No praktiskā viedokļa vienumu attēlošanas principus sarakstā ar aizzīmēm var piemērot līdzīgi numurētam sarakstam. Bet, ņemot vērā to, ka mums ir darīšana ar uzskaitījumu, ir dažas iezīmes, kuras tiks apspriestas tālāk.

                             Sarakstu numerācija

                             Sarakstu atļauts sākt no jebkura skaitļa; šim nolūkam tiek izmantots elementa sākuma atribūts

                             vai elementa vērtība
                             1. . Vērtība ir jebkurš pozitīvs vesels skaitlis. Nav nozīmes tam, kāds numerācijas veids ir iestatīts, pat ja sarakstā tiek izmantoti latīņu burti. Ja sarakstam vienlaikus tiek lietoti gan sākuma, gan vērtības atribūti, tad pēdējam ir prioritāte un numerācija tiek parādīta no skaitļa, kas norādīts ar vērtību , kā parādīts 1. piemērā.

                                1. piemērs: saraksta numerācijas maiņa

                                4. Jums rūpīgi jārūpējas par savu darba vietu.
                                5. Noregulējiet telpas apgaismojumu tā, lai gaismas avots atrodas operatora sānos vai aiz tā.
                                10. Lai izvairītos no medicīniskiem sarežģījumiem, ieteicams izvēlēties krēslu ar mīkstu sēdekli.

                                Pirmais saraksta elements šajā piemērā sāksies ar romiešu cipari IV, jo ir norādīts atribūts start="4", tad nāk skaitlis V, un pēdējais elements iziet no ierindas, un tam tiek piešķirts numurs X (attēls 1).

                                Rīsi. 1. Romiešu cipari sarakstā

                                Ciparu rakstīšana

                                Pēc noklusējuma numurētajam sarakstam ir noteikts izskats: vispirms ir cipars, tad punkts, un pēc tam teksts tiek parādīts atdalīts ar atstarpi. Šis rakstīšanas veids ir vizuāls un ērts, taču daži izstrādātāji izvēlas redzēt citu veidu sarakstu numerācijas noformēšanu. Proti, lai punkta vietā būtu noslēdzošais kronšteins, kā parādīts attēlā. 2 vai kaut kas līdzīgs.

                                

                                Rīsi. 2. Numurēts saraksta skats ar iekavām

                                Stili ļauj mainīt saraksta numerācijas veidu, izmantojot satura un pretinkrementa rekvizītus. Pirmkārt, ol atlasītājs ir jāiestata uz pretatiestatīšanu : vienums , tas ir nepieciešams, lai katrā jaunajā sarakstā numerācija sāktu no jauna. Pretējā gadījumā numerācija turpināsies un 1,2,3 vietā redzēsit 5,6,7. Preces vērtība ir unikāls skaitītāja identifikators, mēs to izvēlamies paši. Pēc tam jums ir jāpaslēpj sākotnējie marķieri, izmantojot stila rekvizītu list-style-type ar vērtību none .

                                Satura rekvizīts parasti darbojas kopā ar pseidoelementiem ::after un ::before. Tādējādi li::before konstrukcija saka, ka pirms katra saraksta elementa ir jāpievieno kāds saturs (2. piemērs).

                                Piemērs 2. Savas numerācijas izveide

                                Li::before ( saturs: counter(prece) ") "; /* Pievienojiet skaitļiem iekavas */ counter-increment: item; /* Iestatiet skaitītāja nosaukumu */ )

                                Satura rekvizīts ar vērtības skaitītāju(vienumu) parāda skaitli; Pievienojot iekavas, kā parādīts šajā piemērā, mēs iegūstam nepieciešamo numerācijas veidu. pretpieaugums ir nepieciešams, lai palielinātu saraksta numuru par vienu. Ņemiet vērā, ka visā pasaulē tiek izmantots viens un tas pats identifikators ar nosaukumu vienums . Galīgais kods ir parādīts 3. piemērā.

                                3. piemērs: saraksta skata maiņa

                                1. Pirmkārt
                                2. Otrkārt
                                3. Trešais
                                4. Ceturtais

                                Izmantojot iepriekš minēto metodi, varat izveidot jebkura veida numurētu sarakstu, piemēram, likt skaitli kvadrātiekavās, šajā gadījumā stilos mainīsies tikai viena rinda.

                                Saturs: "[" counter(prece) "] ";

                                Saraksts ar krievu burtiem

                                Ir numurēts saraksts ar latīņu burtiem, bet sarakstam nav krievu burtu. Tos var pievienot mākslīgi, izmantojot iepriekš minēto paņēmienu. Tā kā numerācija tiek veikta caur stiliem, pats saraksts paliek oriģināls, tam tiek pievienota tikai atlasītā klase, sauksim to par kirilicu (4. piemērs).

                                4. piemērs. Kods saraksta izveidošanai

                                1. Viens
                                2. Divas
                                3. Trīs

                                Burtu pievienošana tiek veikta, izmantojot pseidoelementu ::before un satura rekvizītu. Tā kā katrai rindai jābūt ar savu burtu, mēs izmantosim pseidoklasi :nth-child(1) , burta numuru rakstot iekavās. Pirmais burts, protams, ir A, otrais ir B, trešais ir C utt. Visa šī kopa tiek pievienota li selektoram šādi (5. piemērs).

                                5. piemērs: pseidoklase:nth-child izmantošana

                                Kirilicā li:nth-child(1)::befor ( saturs: "a)"; ) .kirilica li:nth-child(2)::before ( saturs: "b)"; ) .kirilica li:nth-child(3)::before ( saturs: "at)"; )

                                Šajā piemērā katram burtam seko iekavas, visi burti ir mazie. Varat definēt savu saraksta numerācijas veidu, piemēram, tajā var būt lielie burti ar punktu, ar vienu vai divām iekavām vai tikai burti. Atšķirībā no standarta numerācijas mēs šeit varam darīt visu, ko vēlamies. Ar desmit burtu sarakstu vajadzētu pietikt gandrīz visās situācijās, taču, ja pēkšņi izrādās, ka ar to nepietiek, nekas neliedz mums paplašināt sarakstu, iekļaujot tajā vismaz visus krievu alfabēta burtus.

                                Visbeidzot pielāgojam burtu izlīdzinājumu un novietojumu, pēc izvēles norādām fonta lielumu, krāsu un citus parametrus (6. piemērs).

                                Piemērs 6. Saraksts ar krievu burtiem

                                1. Borščs
                                2. Līdakas kotletes
                                3. Kulebjaka
                                4. Sēnes skābā krējumā
                                5. Pankūkas ar ikriem
                                6. Kvass

                                Rezultāts šis piemērs attēlā parādīts. 3.