Saraksti HTML — saraksts ar aizzīmēm — numurēts saraksts – definīciju saraksts – ligzdoti saraksti HTML. Saraksts ar aizzīmēm HTML formātā Kā izveidot numurētu sarakstu HTML

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, bez tā neiztikt 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 Pseidoelements pirms norāda, ka saturs, kas ievietots, izmantojot rekvizītu content, tiks novietots pirms saraksta vienumiem. Šeit tiek iestatīta skaitītāja pieauguma vērtība (noklusējums ir 1 */ skaitītāja palielinājums: li / starp cipariem, 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 dažādu veidu sarakstus, no kuriem katram ir savi sarakstu veidi:

• – 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. Izvelciet 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. Izvelciet 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šromiešu	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ētos 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ēšanas 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

               Lai mainītu saraksta marķiera izskatu, jāizmanto 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 parasto marķieri aizstātu 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 Definīcijas apraksts - 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

               Šajā piemērā parādīts viens no definīciju saraksta iespējamiem lietojumiem:

               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.

               HTML ir divu veidu saraksti: numurēti un nenumerēti. Viņu radīšana ir gandrīz vienāda. Pat tagi atšķiras ar vienu rakstzīmi. Varat arī izveidot, kurā var būt gan numurēti, gan marķieri.

               Šos sarakstus var pārveidot, kā vēlaties. Tas viss ir atkarīgs no jūsu iztēles. Pirmkārt, mēs apskatīsim standarta sarakstus, tāpat kā Word redaktorā, un pēc tam tos uzlabosim un izstrādāsim līdz nepazīšanai.

               HTML numurēts saraksts

               Parastu numurētu var izveidot, izmantojot šādus tagus:

               Pirmais saraksta vienums

               Otrais vienums sarakstā

               Trešais punkts sarakstā

               Vienkārši saraksti izskatās šādi

               Saskaņā ar standartiem katram saraksta vienumam jāatrodas sākuma un aizvēršanas tagā. Bet, ja jūs neliekat noslēguma tagu, rezultāts būs tieši tāds pats. Procesors ir diezgan gudrs. Saraksta konvertēšanas laikā tas parsē sākuma tagus. Ja viņš redz jaunu

               , pēc tam automātiski noliek priekšā

               .

               Tādējādi sarakstus var izveidot, kā parādīts zemāk.

               

               Bet no profesionāļu viedokļa tas ir nepareizi.

               

               Nenumurētie (vai aizzīmju) saraksti tiek veidoti tāpat, tikai ol taga vietā tiek rakstīts ul.

               Nav ciparu vai burtu – tikai dažādi simboli, ko sauc par marķieriem.

               

               HTML daudzlīmeņu numurēts saraksts

               Daudzus lietotājus interesē šī iespēja. Tāpēc jāņem vērā, ka jebkuru HTML numurētu sarakstu var izveidot daudzlīmeņu. Papildu līmeņi var būt tādi paši vai marķēti.

               

               Lai izveidotu sarakstu, kas parādīts iepriekš minētajā piemērā, jums jāieraksta tālāk norādītais.

               

               Lūdzu, ņemiet vērā, ka šajā kodā atšķirībā no pirmajiem piemēriem ir pievienots tipa atribūts. Pateicoties tam, jūs varat norādīt kārtošanas veidu gan numurētiem, gan aizzīmju sarakstiem.

               Numurētajiem mēs norādām alfabētu vai ciparu veidu, bet citos gadījumos - marķiera veidu.

               Ja izmantojat īpašu HTML tagu, numurētais saraksts var kļūt par visu, ko vēlaties.

               Tipa atribūtu var norādīt ar jebkuru vērtību no tabulas. Vai arī css stila klasē norādiet list-style-type ar vēlamo kārtošanas veidu.

               

               Vērtību tulkošana ir pavisam vienkārša. Pietiek ar angļu valodas pamatzināšanām. Bet pat tad, ja nevarat iztulkot vārdus "aplis", "kvadrāts" utt., Jūs varat vizuāli saprast, kāds būs rezultāts, norādot šīs vērtības tipa atribūtā.

               Numurētiem sarakstiem izmantojiet šādas opcijas:

               • 1 - arābu cipari;
               • A - lielie burti;
               • a - mazie latīņu burti;
               • I - lielie romiešu cipari;
               • i - mazie romiešu cipari.

               Noklusējums vienmēr ir saraksts ar Tas ir, ja jūs neko nenorādījat, tas ir tāds pats kā type="1".

               Turklāt numurētie saraksti var sākties jebkurā vēlamajā vietā. Pēc noklusējuma izvade sākas no 1. Bet, ja vēlaties, varat sākt vismaz no simta. Lai to izdarītu, ir jānorāda sākuma atribūts ar jebkuru vērtību.

               

               Turklāt jūs varat izdarīt secinājumus apgrieztā secībā. Lai to izdarītu, jums jāraksta otrādi.

               

               Sarakstu noformēšana

               HTML numurētu sarakstu var izveidot tik skaisti, ka jūs uzreiz nesapratīsit, ka tas ir parasts saraksts, nevis Photoshop veidots attēls.

               Šeit ir skaistu sarakstu piemēri.

               

               Kā redzams no piemēra, jūs varat mainīt numerācijas izskatu un pašus elementus.

               Varat izveidot šādu parastu sarakstu.

               

               CSS stilos ir jānorāda ol tagu dizains. Lūdzu, ņemiet vērā, ka šajā gadījumā iestatījumi tiks piemēroti visiem sarakstiem visā vietnē, kurā tiek izmantots šis stila fails.

               

               Vispirms apsvērsim iespēju ar apaļa saraksta dizainu. Atgriezties uz saraksta kodu. Tur ir norādīts klašu noapaļotais saraksts. Šī ir klase, ar kuru jums ir jāmācās, lai radītu šādu skaistumu. Jūs varat nosaukt klasi, kā vēlaties.

               

               

               

               Tagad apskatīsim kvadrātveida dizainu.

               

               Stili ir diezgan līdzīgi. Atšķirība ir tāda, ka pirmajā gadījumā elements tiek noapaļots, izmantojot CSS iespējas.

               Profesionālam maketētājam ir jāparedz un jāsaprot, ka ne visi lietotāji izmanto modernus datorus. Ne visiem ir instalēta operētājsistēma Windows 7, 8, 10. Ir daļa lietotāju, kuri joprojām izmanto Windows XP un izmanto vecās pārlūkprogrammas Internet Explorer versijas.

               Parasti tie neatbalsta gandrīz visus mūsdienu elementu dizaina uzlabojumus. Lietotājam šķitīs, ka vietnes dizains netika veikts vispār. Ka viss ir attālinājies. Elementi saduras viens ar otru. Lai no tā izvairītos, jums ir jāapsver visas iespējas.

               Daži tīmekļa pārziņi uz tiem piever acis, jo viņu daļa mūsdienu tirgū kļūst arvien mazāka. Taču profesionālim katrs apmeklētājs ir svarīgs, it īpaši, ja tā ir komerciāla vietne.

               Izveidojiet kaut ko piemērotu ikvienam vai ņemiet vērā visas pārlūkprogrammas variācijas.

               Šāds saraksts ir kaut kādā veidā “numurēts”. Tie var būt arābu cipari, romiešu cipari vai burti.

               Tagi tiek izmantoti, lai pārlūkprogrammai norādītu, ka saraksts tiks numurēts .

               Koda paraugs numurētam sarakstam:

               HTML saraksti

               1. kaķi
               2. suņi
               3. zirgi

               Rezultāts:

               1. kaķi
               2. suņi
               3. zirgi

               Kā redzat, pēc noklusējuma numerācija ir ar arābu cipariem. To var mainīt, izmantojot parametru veids:

               - tips = "A"- numerācija ar lielajiem latīņu burtiem (A, B, C).

               - type="a"- numerācija ar lielajiem latīņu burtiem (a, b, c).

               - tips = "I"- numerācija ar lieliem romiešu cipariem (I, II, III).

               - type="i"- numerācija ar maziem romiešu cipariem (i, ii, iii).

               Koda piemērs ar romiešu cipariem:

               HTML saraksti

               1. kaķi
               2. suņi
               3. zirgi

               Rezultāts:

               1. kaķi
               2. suņi
               3. zirgi

               Ja numurēšana jāsāk nevis no viena, tad jāizmanto parametrs sākt, kura vērtība ir skaitlis, no kura sāksies saraksts (ja numerācija norādīta, izmantojot burtus, tad šis cipars norādīs pozīciju alfabētā).

               Koda piemērs:

               HTML saraksti

               1. kaķi
               2. suņi
               3. zirgi

               Rezultāts:

               1. kaķi
               2. suņi
               3. zirgi

               Pie birkas jūs varat iestatīt parametru vērtību, kas ļauj mainīt norādītā saraksta elementa numuru. Tas maina visu turpmāko elementu numerāciju.

               Koda piemērs:

               HTML saraksti

               1. sarkans
               2. apelsīns
               3. dzeltens
               
               ...............
               4. violets

               Rezultāts:

               1. sarkans
               2. apelsīns
               3. dzeltens
               
               ...............
               4. violets

               Saraksti ar aizzīmēm

               Sarakstā ar aizzīmēm burtu un ciparu vietā tiek izmantotas aizzīmes. Atzīmes tiek izmantotas, lai norādītu pārlūkprogrammai, ka saraksts tiks atzīmēts ar aizzīmēm. . Viss saraksts atrodas starp šiem tagiem, un katrs vienums ir norādīts ar tagiem .

               Aizzīmju saraksta koda piemērs:

               Html aizzīmju saraksti

               • kaķi
               • suņi
               • zirgi

               Rezultāts:

               • kaķi
               • suņi
               • zirgi

               Pēc noklusējuma marķieris parādās kā melns aplis. To var mainīt, izmantojot parametru veids:

               - tips = "disks"- piepildīts aplis.

               - tips = "aplis"- tukšs aplis.

               - tips = "kvadrāts"- iekrāsots kvadrāts.

               Koda paraugs sarakstiem ar aizzīmēm:

               Html aizzīmju saraksti

               • kaķi
               • suņi
               • zirgi

               • kaķi
               • suņi
               • zirgi

               • kaķi
               • suņi
               • zirgi

               Rezultāts:

               • kaķi
               • suņi
               • zirgi

               • kaķi
               • suņi
               • zirgi

               • kaķi
               • suņi
               • zirgi

               Definīciju saraksti

               Šie saraksti tiek izmantoti vārdnīcās. Katra rindkopa sastāv no divām daļām: termina un tā definīcijas. Tagi tiek izmantoti, lai norādītu pārlūkprogrammai, ka būs definīciju saraksts

               . Katrs termins ir ievietots tagos

               , un to definīcijas — tagos

               .

               Definīcijas saraksta koda paraugs:

               Definīcijas sarakstu 1. termins 1. termina definīcija 2. termins 2. termina definīcija

               Rezultāts:

               Ligzdotie saraksti

               Pastāv situācijas, kad saraksta elementā ir jāiekļauj savs saraksts. Šādus sarakstus sauc par daudzlīmeņu vai ligzdotiem. Lai to izdarītu, tiek izmantota mums jau zināma saraksta tagu kombinācija.

               Koda piemērs daudzlīmeņu sarakstam:

               Ligzdotie saraksti

               • Dzīvnieki
                 1. kaķi
                 2. suņi
               • Augi
                 1. koki
                 2. ziedi

               HTML iezīmēšanas valodā ir 3 veidu saraksti - sakārtoti (numurēti), nesakārtoti (nenumurēti) un definīciju saraksti.

               Lai izveidotu šādu sarakstu, ir nepieciešami 2 veidu elementi: ‘ul’ (saīsinājums no nesakārtotā saraksta, t.i., nesakārtotais saraksts) un ‘li’ (saraksta elements). Viss, kas rakstīts “li” iekšpusē, ir atzīmēts ar marķieri.

               Šāda saraksta izskatu var kontrolēt, norādot marķieru veidus.

               Marķieru veidi

               Ir īpašs tipa atribūts, kas tiek ievietots abos saraksta elementos. Šis ir jūsu marķiera veids. Ir tikai 3 veidi: aplis, disks un kvadrāts:

               - kvadrāts
               - disks
               - apkārtmērs

               Atkarībā no tā, kur norādāt marķiera veidu, varat to mainīt visam sarakstam vai konkrētam elementam.

               Pasūtīts saraksts

               Lai izveidotu sarakstu, jums ir nepieciešami arī 2 elementi: "ol" un "li" (saraksta elements). Marķieri tiek aizstāti ar cipariem ar punktu. Vienkārša saraksta piemērs:

               1. pirmais elements
               2. otrais elements
               3. pēdējais elements

               Varat kontrolēt sakārtotā saraksta izskatu, norādot dažādus numerācijas veidus.

               Numerācijas veidi

               Ir īpašs tipa atribūts, kas tiek ievietots elementā “ol” vai “li”. Šis ir jūsu saraksta veids. Kopumā ir 5 veidi:

               - Numerācija ar arābu cipariem (1, 2, 3)
               - Numerācija ar lielajiem burtiem (A, B, C)
               - Numerācija ar mazajiem burtiem (a, b, c)
               - Numerācija ar lieliem romiešu cipariem (I, II, III)
               - Numerācija ar maziem romiešu cipariem (i, ii, iii)
               - No kāda numura sākt numerāciju?

               Atkarībā no tā, kur norādāt numerācijas veidu, varat to mainīt visam sarakstam vai konkrētam elementam.

               Definīciju saraksts

               Vārdnīcas ierakstiem ir izveidots definīciju saraksts.

               Ir vispārīgs konteiners “dl”. Tā iekšpusē ir “dt” (definīcijas termins) un “dd” (definīcijas apraksts). Vienkāršākais piemērs:

               Marketinga nodaļa

               Šī nodaļa nodarbojas ar preču un pakalpojumu reklamēšanu

               Finanšu departaments

               Šī nodaļa nodarbojas ar visiem finanšu darījumiem

               Visi visu sarakstu elementi ir bloka elementi. Taču elementā “dt” var ievietot tikai iekļautos elementus. Elementos "dd" un "li" varat ievietot visu, ko vēlaties. Šeit nāk ligzdotie saraksti.

               Ligzdoti (jaukti saraksti)

               Tie ir daudzlīmeņu saraksti, kuros pastāv hierarhija. Bieži vien šādi saraksti tiek izmantoti, veidojot vietnes karti. Piemērs:

               Jaukts saraksts

               DIENAS ZIŅAS

               Šodien lietus

               Visu dienu līs

               NAKTS ZIŅAS

               Naktī līs

               Rīt sāksies jauna diena