HTML palaiko trijų skirtingų tipų sąrašus, kurių kiekvienas turi savo žymas:

• – sunumeruotas (naudojant skaičius arba raides) sąrašas, kurio kiekvienas elementas turi eilės numerį (raidę);
  1. – suženklintas (nenumeruotas) sąrašas, prie kurio kiekvieno elemento dedamas žymeklis (o ne skaitiniai ar abėcėlės ženklai, nurodantys eilės numerį);

     • – apibrėžimų sąrašą sudaro pavadinimo/reikšmių poros, įskaitant terminus ir apibrėžimus.

     Sunumeruoti sąrašai

     Sunumeruotame sąraše naršyklė automatiškai įterpia elementų numerius eilės tvarka, pradedant tam tikra reikšme (dažniausiai 1). Tai leidžia įterpti ir ištrinti sąrašo elementus nepažeidžiant numeracijos, nes likę skaičiai bus automatiškai perskaičiuoti.
     Sunumeruoti sąrašai sukuriami naudojant bloko elementą

     (iš angliško Ordered List – sunumeruotas sąrašas). Šalia konteinerio
     kiekvienam sąrašo elementui dedamas elementas
     1. (iš anglų kalbos List Item – sąrašo elementas). Numatytasis yra sunumeruotas sąrašas su arabiškais numeriais.
        Žyma
        turi tokią sintaksę:
        1. 1 elementas
        2. 2 elementas
        3. 3 elementas

        Sunumeruoti sąrašo elementai turi turėti kelis sąrašo elementus, kaip parodyta šiame pavyzdyje:

        Pavyzdys: sunumeruotas sąrašas

        • Išbandykite patys"

        Žingsnis po žingsnio instrukcija

        1. Gaukite raktą
        2. Įkiškite raktą į spyną
        3. Pasukite raktą dviem apsisukimais
        4. Ištraukite raktą iš spynos
        5. Atidaryk duris

        Žingsnis po žingsnio instrukcija

        1. Gaukite raktą
        2. Įkiškite raktą į spyną
        3. Pasukite raktą dviem apsisukimais
        4. Ištraukite raktą iš spynos
        5. Atidaryk duris

        Kartais žiūrėdami į esamus HTML kodus susidursite su argumentu tipo elemente

        , kuris naudojamas numeracijos tipui nurodyti (raidės, romėniški ir arabiški skaitmenys ir kt.). Sintaksė:

        Čia: įveskite – sąrašo simboliai:

        • A - didžiosios lotyniškos raidės (A, B, C...);
        • a - mažosios lotyniškos raidės (a, b, c...);
        • I - dideli romėniški skaitmenys (I, II, III...);
        • i - mažieji romėniški skaitmenys (i, ii, iii...);
        • 1 – arabiški skaitmenys (1, 2, 3 . . .) (naudojami pagal numatytuosius nustatymus).

        Jei norite, kad sąrašas prasidėtų kitu skaičiumi nei 1, nurodykite tai naudodami atributą pradėtižyma

        .
        Šiame pavyzdyje pateikiamas sunumeruotas sąrašas su dideliais romėniškais skaitmenimis ir pradine XLIX reikšme:

        Numeravimą taip pat galima pradėti naudojant atributą vertė, kuris pridedamas prie elemento

        1. tokiu būdu:

        7. Tokiu atveju nuosekli sąrašo numeracija bus nutraukta ir nuo šio taško numeracija prasidės iš naujo, šiuo atveju nuo septynių.

           Atributo naudojimo pavyzdys vertėžyma

        8. , kuri leidžia pakeisti nurodyto sąrašo elemento numerį:

           Šiame pavyzdyje „Pirmojo sąrašo elemento“ numeris būtų 1, „Antrojo sąrašo elemento“ – 7, o „Trečiojo sąrašo elemento“ – 8.

           Sunumeruotų sąrašų formatavimas naudojant CSS

           Norėdami pakeisti sąrašo numerius, turėtumėte naudoti nuosavybę sąrašo stiliaus CSS stiliaus lapai:

           Sunumeruotų sąrašų stiliai

           Pavyzdys	Reikšmė	apibūdinimas
           a, b, c	žemesnė alfa	Mažosios raidės
           A, B, C	viršutinė alfa	Didžiosios raidės
           aš, ii, iii	žemesnioji romėniška	Romėniški skaitmenys mažosiomis raidėmis
           I, II, III	viršutinė-romėniška	Romėniški skaitmenys didžiosiomis raidėmis

           Pavyzdys: CSS nuosavybės taikymas sąrašo stiliaus

           Sąrašai su ženkleliais

           Suženklinti sąrašai iš esmės yra panašūs į sunumeruotus sąrašus, tik juose nėra nuoseklios elementų numeracijos. Sąrašai su ženkleliais sukuriami naudojant bloko elementą

           (iš angliško Unordered List – nenumeruotas sąrašas). Kiekvienas sąrašo elementas, kaip ir sunumeruotuose sąrašuose, prasideda žyma
           • . Naršyklė įtraukia kiekvieną sąrašo elementą ir automatiškai rodo ženklelius.
             Žyma
             turi tokią sintaksę:
             • Pirmas punktas
             • Antras punktas
             • Trečias punktas

             Šiame pavyzdyje matote, kad pagal numatytuosius nustatymus prieš kiekvieną sąrašo elementą pridedamas mažas žymeklis užpildyto apskritimo pavidalu:

             Etiketės viduje

             • Nebūtina dėti tik teksto, priimtina bet kokį srautinio turinio elementą (nuorodas, pastraipas, vaizdus ir kt.);

               Įdėtieji sąrašai

               Bet kurį sąrašą galima įdėti į kitą. Elemento viduje
             • Leidžiama sukurti įdėtą sąrašą arba antrojo lygio sąrašą. Norėdami įdėti sąrašą, aprašykite naują sąrašą elemento viduje
             • jau esamą sąrašą. Kai įtraukiate vieną sąrašą su ženkleliais į kitą, naršyklė automatiškai pakeičia antrojo lygio sąrašo ženklelių stilių. Bet kurį sąrašą galima įdėti į kitą. Šiame pavyzdyje pavaizduota sąrašo su ženkleliais, įdėto antrajame sunumeruoto sąrašo elemente, struktūra.

               Pavyzdys: įdėtieji sąrašai

               • Išbandykite patys"
               • Pirmadienis
                 1. Išsiųsti laišką
                 2. Apsilankymas pas redaktorių
                    • Temos pasirinkimas
                    • Dekoratyvinis dizainas
                    • Galutinė ataskaita
                 3. Vakarinis žinučių peržiūra
               • antradienis
                 1. Peržiūrėkite tvarkaraštį
                 2. Siųsti vaizdus
               • trečiadienį...
               • Pirmadienis
                 1. Išsiųsti laišką
                 2. Apsilankymas pas redaktorių
                    • Temos pasirinkimas
                    • Dekoratyvinis dizainas
                    • Galutinė ataskaita
                 3. Vakarinis žinučių peržiūra
               • antradienis
                 1. Peržiūrėkite tvarkaraštį
                 2. Siųsti vaizdus
               • trečiadienį...

               Suženklintų sąrašų formatavimas

               Norėdami pakeisti sąrašo žymeklio išvaizdą, turėtumėte naudoti ypatybę sąrašo stiliaus CSS stiliaus lapai:

               Toliau pateiktame pavyzdyje rodomi skirtingi sąrašų su ženkleliais stiliai:

               Pavyzdys: ženklelių sąrašo stiliai

               • Išbandykite patys"
               • Kava
               • Kava
               • Kava
               • Kava

               Diskas:

               • Kava
               • Pienas

               Apskritimas:

               • Kava
               • Pienas

               Kvadratas:

               • Kava
               • Pienas

               Nė vienas:

               • Kava
               • Pienas

               Grafiniai žymekliai.

               HTML galima sudaryti sąrašą su grafiniais žymekliais. Vienas dalykas, kai sąrašo žymekliai yra standartiniai apskritimai ar kvadratai, ir visai kas kita, kai kūrėjas pats pasirenka žymeklį pagal puslapio dizainą. Kad sąrašo elementai būtų gražūs, dažnai naudojamos mažos nuotraukos.
               Norėdami pakeisti įprastą žymeklį grafiniu, pakeiskite savybę sąrašo stiliaus už nuosavybę sąrašo stiliaus vaizdas ir nurodykite vaizdo URL:

               Pavyzdys: grafiniai žymekliai

               • Išbandykite patys"

               Zodiako ženklai

               • Jautis
               • Dvyniai

               Zodiako ženklai

               • Avinas
               • Jautis
               • Dvyniai

               Apibrėžčių (aprašymų) sąrašai

               Apibrėžčių sąrašai yra labai naudingi kuriant, pavyzdžiui, asmeninį terminų žodyną. Kiekvienas apibrėžimų sąrašo elementas turi dvi dalis: terminą ir jo apibrėžimą.
               Jūs įtraukėte visą sąrašą į elementą

               (iš anglų kalbos apibrėžimų sąrašo – apibrėžimų sąrašas). Tai apima žymas

               (iš anglų kalbos Definition Termin – apibrėžtas žodis, terminas) ir

               (iš anglų kalbos Definition Description – apibrėžiamo termino aprašymas).
               Apibrėžčių sąrašai dažnai naudojami moksliniuose, techniniuose ir mokomuosiuose leidiniuose, naudojant juos rengiant žodynus, žodynus, žinynus ir kt.

               Bendra aprašymų sąrašo struktūra yra tokia:

               Pirma kadencija

               Pirmojo termino aprašymas

               Antra kadencija

               Antrojo termino aprašymas

               Toliau pateiktame pavyzdyje parodytas vienas galimas apibrėžimų sąrašo panaudojimas:

               Pavyzdys: apibrėžimų sąrašas

               • Išbandykite patys"

               World Wide Web – iš anglų kalbos. World Wide Web (WWW) yra paskirstyta sistema, suteikianti prieigą prie susijusių dokumentų, esančių skirtinguose kompiuteriuose, prijungtuose prie interneto. Internetas yra rinkinys tinklų, kurie naudoja vieną apsikeitimo protokolą informacijai perduoti. Svetainė – tai atskirų tinklalapių rinkinys, sujungtas nuorodomis ir vienodu dizainu.

               Pasaulinis tinklas

               - iš anglų kalbos World Wide Web (WWW) yra paskirstyta sistema, suteikianti prieigą prie susijusių dokumentų, esančių skirtinguose kompiuteriuose, prijungtuose prie interneto.

               internetas

               — tinklų, naudojančių vieną apsikeitimo protokolą informacijai perduoti, rinkinys.

               Interneto svetainė

               - atskirų tinklalapių rinkinys, sujungtas nuorodomis ir vienodu dizainu.

               Pagal numatytuosius nustatymus termino tekstas yra paspaudžiamas kairiajame naršyklės lango krašte, o termino aprašymas yra apačioje ir perkeltas į dešinę.

               HTML yra dviejų tipų sąrašai: sunumeruoti ir nenumeruoti. Jų kūryba beveik tokia pati. Net žymos skiriasi vienu simboliu. Taip pat galite sukurti, kuri gali apimti ir sunumeruotus, ir žymeklius.

               Šiuos sąrašus galima pakeisti bet kokiu būdu. Viskas priklauso nuo jūsų vaizduotės. Pirmiausia pažiūrėsime į standartinius sąrašus, kaip ir Word redaktoriuje, o tada juos patobulinsime ir sukursime neatpažįstamai.

               HTML sunumeruotas sąrašas

               Įprastą numerį galima sukurti naudojant šias žymas:

               Pirmasis sąrašo elementas

               Antras elementas sąraše

               Trečias punktas sąraše

               Paprasti sąrašai atrodo taip

               Pagal standartus kiekvienas sąrašo elementas turi būti atidarymo ir uždarymo li žymos viduje. Bet jei neįdėsite uždarymo žymos, rezultatas bus lygiai toks pat. Procesorius yra gana protingas. Sąrašo konvertavimo metu jis analizuoja pradines žymas. Jei pamatys naują

               , tada automatiškai deda priešais jį

               .

               Taigi sąrašus galima sudaryti taip, kaip parodyta žemiau.

               

               Tačiau profesionalų požiūriu tai neteisinga.

               

               Lygiai taip pat kuriami ir nenumeruoti (arba su ženkleliais pažymėti) sąrašai, tik vietoj ol žymos rašoma ul.

               Nėra skaičių ar raidžių – tik įvairūs simboliai, vadinami žymekliais.

               

               HTML kelių lygių sunumeruotas sąrašas

               Daugelis vartotojų domisi šia galimybe. Todėl reikia pažymėti, kad bet kurį HTML sunumeruotą sąrašą galima padaryti kelių lygių. Papildomi lygiai gali būti tokie patys arba pažymėti etiketėmis.

               

               Norėdami sukurti sąrašą, parodytą aukščiau esančiame pavyzdyje, turite parašyti taip.

               

               Atkreipkite dėmesį, kad šiame kode, skirtingai nei pirmuosiuose pavyzdžiuose, pridedamas tipo atributas. Jo dėka galite nurodyti rūšiavimo tipą tiek sunumeruotiems, tiek su ženkleliais pažymėtiems sąrašams.

               Sunumeruotiems nurodome abėcėlę arba skaičių tipą, o kitais atvejais – žymeklio tipą.

               Jei naudojate specialią HTML žymą, sunumeruotas sąrašas gali tapti bet kuo, ko norite.

               Tipo atributą galite nurodyti bet kokia lentelės verte. Arba css stiliaus klasėje nurodykite list-style-type su norimu rūšiavimo tipu.

               

               Vertybių vertimas yra gana paprastas. Pakanka pagrindinių anglų kalbos žinių. Bet net jei negalite išversti žodžių „apskritimas“, „kvadratas“ ir pan., galite vizualiai suprasti, koks bus rezultatas, nurodydami šias reikšmes tipo atribute.

               Sunumeruotiems sąrašams naudokite šias parinktis:

               • 1 - arabiški skaitmenys;
               • A - didžiosios raidės;
               • a - mažosios lotyniškos raidės;
               • I – didieji romėniški skaitmenys;
               • i – mažosios raidės romėniški skaitmenys.

               Numatytasis visada yra sąrašas su Tai yra, jei nieko nenurodote, tai tas pats, kas type="1".

               Be to, sunumeruoti sąrašai gali prasidėti bet kurioje norimoje vietoje. Pagal numatytuosius nustatymus išvestis prasideda nuo 1. Bet jei norite, galite pradėti bent nuo šimto. Norėdami tai padaryti, turite nurodyti pradžios atributą su bet kokia reikšme.

               

               Be to, išvadas galite padaryti atvirkštine tvarka. Norėdami tai padaryti, turite rašyti atvirkščiai.

               

               Sąrašų dizainas

               HTML sunumeruotas sąrašas gali būti sukurtas taip gražiai, kad iš karto nesuvoksite, kad tai įprastas sąrašas, o ne „Photoshop“ sukurta nuotrauka.

               Čia yra gražių sąrašų pavyzdžių.

               

               Kaip matyti iš pavyzdžio, galite pakeisti numeracijos išvaizdą ir pačius elementus.

               Galite sukurti tokį įprastą sąrašą.

               

               CSS stiliuose turite nurodyti ol žymų dizainą. Atminkite, kad šiuo atveju nustatymai bus taikomi visiems sąrašams visoje svetainėje, kurioje naudojamas šis stiliaus failas.

               

               Pirmiausia apsvarstykime variantą su apvalaus sąrašo dizainu. Grįžkite į sąrašo kodą. Ten nurodytas suapvalintas klasių sąrašas. Tai yra ta klasė, su kuria reikia susitvarkyti, kad sukurtumėte tokį grožį. Galite pavadinti klasę kaip norite.

               

               

               

               Dabar pažvelkime į kvadratinį dizainą.

               

               Stiliai yra gana panašūs. Skirtumas tas, kad pirmuoju atveju elementas suapvalinamas naudojant CSS galimybes.

               Profesionalus maketuotojas turi numatyti ir suprasti, kad ne visi vartotojai naudojasi šiuolaikiniais kompiuteriais. Ne visi yra įdiegę „Windows 7“, „8“, „10“ Kai kurie vartotojai vis dar naudoja „Windows XP“ ir naudoja senas „Internet Explorer“ naršyklės versijas.

               Paprastai jie nepalaiko beveik visų šiuolaikinių elementų dizaino patobulinimų. Vartotojui atrodys, kad su svetainės dizainu nebuvo atlikta jokių darbų. Kad viskas pasitraukė. Elementai susiduria vienas su kitu. Norėdami to išvengti, turite apsvarstyti visas galimybes.

               Kai kurie žiniatinklio valdytojai į juos žiūri, nes jų dalis šiuolaikinėje rinkoje vis mažėja. Tačiau profesionalui svarbus kiekvienas lankytojas, ypač jei tai komercinė svetainė.

               Padarykite kažką tinkamo visiems arba atsižvelkite į visus naršyklės variantus.

               HTML kalboje už sąrašų tvarkymą atsakingas visas žymų rinkinys, kurių organizavimas turi atitikti tam tikras duomenų struktūrizavimo taisykles.

               Penktoji HTML standarto versija palaiko 3 tipų sąrašus: sunumeruotus sąrašus, sąrašus su ženkleliais ir apibrėžimų sąrašus. Tai taip pat suteikia galimybę sudėti sąrašus vienas kitame, sukuriant įdėtus kelių lygių sąrašus.

               Sunumeruotas sąrašas

               Sunumeruotas sąrašas- tai elementų (sąrašo elementų) rinkinys, turintis tam tikrą seką. Kiekvienas sunumeruoto sąrašo elementas turi unikalų žymeklį, nurodantį, kokia tvarka elementas rodomas kitų sąrašo elementų atžvilgiu. Pagal numatytuosius nustatymus sunumeruoti sąrašo elementų žymekliai yra skaičiai. Pirmasis elementas yra sunumeruotas 1, antrasis - 2 ir pan.

               Dažniausi sunumeruotų sąrašų pavyzdžiai – įvairių patiekalų ruošimo receptai. Kadangi bet kuris receptas yra sunumeruotas sąrašas su aiškia veiksmų seka.

               Norėdami sukurti sunumeruotus sąrašus HTML, naudokite žymą

               , kuriame yra sąrašo elementai su duomenimis. Kiekvienas sąrašo elementas nurodomas naudojant žymą
               1. :

                  Sunumeruotas sąrašas:

                  1. Kava
                  2. Arbata
                  3. Pienas
                  Bandyti "

                  Pastaba: žyma

                  žymos gali būti tik kaip antriniai elementai
                  1. , tai yra, visas sunumeruoto sąrašo turinys turi būti patalpintas elementų viduje
                  2. . Žyma
                  3. , savo ruožtu, neturi jokių apribojimų turiniui, todėl jame galite talpinti pastraipas, paveikslėlius, nuorodas, lenteles, kitus sąrašus ir pan.

                     Sąrašas su ženkleliais

                     Sąrašas su ženkleliais- tai nenumeruoti, tai yra netvarkingi elementų sąrašai, kurių seka neturi reikšmės. Visi sąrašo elementai su ženkleliais turi tuos pačius ženklelius ir pagal numatytuosius nustatymus jie rodomi kaip maži juodi apskritimai.

                     Norėdami sukurti HTML sąrašus su ženkleliais, naudokite žymą

                     , kuriame yra paties sąrašo elementai (kaip ir sunumeruotų sąrašų atveju, žyma
                     • , kuriame yra visas rodomas sąrašo turinys):

                       Sąrašas su ženkleliais:

                       • Kava
                       • Arbata
                       • Pienas
                       Bandyti "

                       Žymeklių tipai

                       Sunumeruotų sąrašo ženklelių tipus galima keisti naudojant tipo atributą. Šis atributas palaiko penkių tipų žymeklius:

                       Sąrašai su ženkleliais neturi tipo atributo, todėl negalite pakeisti sąrašo su ženkleliais tipo naudodami HTML. Norėdami pakeisti žymeklio tipą, šiuo atveju galite naudoti CSS ypatybę list-style-type , su kuria, be numatytosios reikšmės, galite pasirinkti dar du žymeklio tipus: apskritimas arba kvadratas .

                       Sąrašo žymeklių keitimas:

                       Sunumeruotas sąrašas su tipo="a" atributu:

                       1. Obuoliai
                       2. Bananai
                       3. Citrinos

                       Sunumeruotas sąrašas su tipo="I" atributu:

                       1. Obuoliai
                       2. Bananai
                       3. Citrinos

                       Sąrašo su ženkleliais tipai:

                       • Obuoliai
                       • Bananai
                       • Citrinos
                       • Obuoliai
                       • Bananai
                       • Citrinos
                       Bandyti "

                       CSS ypatybių sąrašo stiliaus tipas, be žymeklių tipų, skirtų sąrašams su ženkleliais, turi daug skirtingų tipų numeruotų sąrašų žymeklių. Tačiau norint sukurti gražų sąrašą, ne visada pakanka pakeisti vieną standartinio tipo žymeklį į kitą. Kuriant sąrašus geriau naudoti CSS, kuris leidžia ne tik pakeisti žymeklio išvaizdą, bet ir pakeisti žymeklius paveikslėliais, valdyti jų vietą ir valdyti įtrauką. Galite pamatyti, kaip visa tai padaryti.

                       Horizontalus sąrašas

                       Jei naudojate HTML sąrašo laukelį, kad sukurtumėte horizontalųjį meniu, sąrašo elementus turėsite išdėstyti vieną po kito toje pačioje eilutėje. To negalima padaryti naudojant HTML, todėl turėsite naudoti CSS.

                       Norėdami sukurti horizontalų sąrašą, turite nustatyti CSS rodymo ypatybę sąrašo elementams, kurių reikšmė yra inline arba inline-block , priklausomai nuo to, kokias kitas ypatybes ketinate naudoti.

                       Sunumeruotas sąrašas

                       1. Obuoliai
                       2. Bananai
                       3. Citrinos

                       Sąrašas su ženkleliais:

                       • Obuoliai
                       • Bananai
                       • Citrinos
                       Bandyti "

                       Po to visi sąrašo elementai bus išdėstyti vienoje eilutėje. Atkreipkite dėmesį, kad ženkleliai išnyks iš sąrašo elementų ir tarp jų net neliks tarpo, tačiau sąrašo kairioji įtrauka išliks.

                       Galite pamatyti, kaip horizontalų sąrašą paversti horizontaliu meniu.

                       Vienintelis skirtumas yra tas, kad ši žyma yra griežtai skirta numeravimo sąrašams. Žymos pavadinimas kilęs iš anglų kalbos santrumpos „Ordered List“ – sunumeruotas sąrašas.

                       Žymos sintaksė

                       1. Elementas #1
                       2. 2 elementas
                       3. 3 elementas
                       4. ...

                     Kur atributas type="value" gali turėti šias reikšmes

                     • A - nustato žymeklius didžiosiomis lotyniškomis raidėmis (A, B, C..);
                     • a - nustato žymeklius mažosiomis lotyniškomis raidėmis (a, b, c..);
                     • I - nustato žymeklius didelių romėniškų skaitmenų pavidalu (I, II, III, IV..);
                     • i - nustato žymeklius mažų romėniškų skaitmenų pavidalu (i, ii, iii, iv..);
                     • 1 (numatytasis) - nustato žymeklius arabiškų skaitmenų pavidalu (1, 2, 3..);

                     Atributas start="value" nurodo pradinę ataskaitos reikšmę (pradinę reikšmę).

                     Atvirkštinis atributas nurodo atvirkštinį skaičiavimą (jei reikia).

                     Žyma

                     reikalauja privalomo uždarymo žymos naudojimo

                     Sąrašo elementams formuoti naudojama suporuota žyma

                  4. . Tarp pradžios ir uždarymo žymų yra atskiri žodžiai, frazės, pastraipos, vaizdai, kodo dalys ir daug daugiau, kurie yra suženklinto sąrašo turinys.

                     Pastaba

                     Sąraše galite pakeisti paskyrą į savo. Šiuo tikslu žymoje yra specialus atributas value="".

                  5. , kuriai priskiriama tam tikra skaitinė reikšmė. Pavyzdžiui

                     1. Elementas #1
                     10. 2 elementas
                     11. 3 elementas

               Pavyzdžiai su sunumeruotais sąrašais html (

               )

               1 pavyzdys. HTML sunumeruotas sąrašas lotyniškomis raidėmis

               Pavyzdys su didžiosiomis raidėmis

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               Pavyzdys su mažosiomis raidėmis

               1. 10 elementas
               2. 11 elementas
               3. 12 elementas

               Štai kaip atrodo puslapyje:

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               2 pavyzdys. HTML numeruotas sąrašas romėniškomis raidėmis

               Pavyzdys su didžiosiomis raidėmis

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               Štai kaip atrodo puslapyje:

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               Pavyzdys su mažosiomis raidėmis

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               Štai kaip atrodo puslapyje:

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               3 pavyzdys. Sunumeruotas sąrašas html skirtinga pradinė padėtis

               Pavyzdys, rodantis starto atributo, leidžiančio nustatyti pradinę skaitiklio reikšmę, galimybes.

               50. Elementas #1
               51. 2 elementas
               52. 3 elementas

               Štai kaip atrodo puslapyje:

               1. Elementas #1
               2. 2 elementas
               3. 3 elementas

               4 pavyzdys. Skaičių keitimas html sunumeruotuose sąrašuose

               Žemiau pateikiamas pavyzdys, kaip pakeisti skaitiklio reikšmes naudojant vertės atributą, kai žymose rodomi nauji elementai

               • .

                 10. Elementas #1
                 11. 2 elementas
                 100. 3 elementas
                 101. 4 elementas

                 Štai kaip atrodo puslapyje:

                 1. Elementas #1
                 2. 2 elementas
                 3. 3 elementas
                 4. 4 elementas

                 5 pavyzdys. Atvirkščiai sunumeruotas sąrašas html

                 Žemiau pateikiamas atvirkštinio sunumeruoto sąrašo pavyzdys (skaičiuojama atvirkštine tvarka).

                 10. Elementas #1
                 11. 2 elementas
                 12. 3 elementas
                 13. 4 elementas

                 Štai kaip atrodo puslapyje:

                 1. Elementas #1
                 2. 2 elementas
                 3. 3 elementas
                 4. 4 elementas

                 Apibrėžčių sąrašai sujungia konkrečius objektus ir jų apibrėžimus sąraše. Pavyzdžiui, jei norite pridėti prekių apibrėžimų pirkinių sąraše, galite tai padaryti taip:

                 pienas Baltas skystas pieno produktas. duona Maisto produktas, pagamintas iš miltų. sviestas yra geltonas kietas pieno produktas. kavos pupelės Kai kurių kavamedžių vaisių sėklos.

                 Kiekvienas apibrėžimas ir terminas yra apibrėžimų grupė (arba pavadinimo-reikšmių grupė). Galite turėti tiek apibrėžimų grupių, kiek norite, bet kiekvienoje grupėje turi būti bent vienas terminas ir bent vienas apibrėžimas. Negalite turėti termino be apibrėžimo arba apibrėžimo be termino.

                 Su vienu apibrėžimu galima susieti daugiau nei vieną terminą arba atvirkščiai. Pavyzdžiui, terminas „kava“ gali turėti kelias reikšmes ir galite jas rodyti vieną po kitos:

                 kava gėrimas iš skrudintų maltų kavos pupelių kavos puodelis susitikimas, kurio metu geriama vidutinio ir tamsiai rudos spalvos kava

                 Arba galima turėti daugiau nei vieną terminą su tuo pačiu apibrėžimu. Tai naudojama norint parodyti termino variantus, kurie visi turi tą pačią reikšmę:

                 soda pop soda cola Saldus, gazuotas gėrimas

                 Apibrėžčių sąrašai skiriasi nuo kitų sąrašų tipų, nes juose vietoj sąrašo objektų naudojami apibrėžti terminai ir apibrėžimų aprašymai.

                 Todėl apibrėžimų sąrašuose naudojama viena elementų pora

                 , apimantis žymų grupes
                 Ir
                 . Turi būti susieta bent viena žymų grupė
                 su viena grupe
                 ; žymės
                 visada turi būti pirmoje eilėje.

                 Paprastas vieno termino apibrėžimų sąrašas su vienu apibrėžimu atrodytų taip:

                 Terminas

                 Termino apibrėžimas

                 Terminas

                 Termino apibrėžimas

                 Terminas

                 Termino apibrėžimas

                 Kuris išvedamas taip:

                 Terminas Termino apibrėžimas Terminas Termino apibrėžimas Terminas Termino apibrėžimas

                 Šiame pavyzdyje su apibrėžimu susiejame daugiau nei vieną terminą ir atvirkščiai:

                 Terminas

                 Termino apibrėžimas

                 Terminas

                 Terminas

                 Apibrėžimas, taikomas abiem ankstesniems terminams

                 Terminas, kuris gali turėti abu toliau nurodytus apibrėžimus

                 Vienas termino apibrėžimas

                 Kitas termino apibrėžimas

                 Kuris bus pateiktas taip:

                 Terminas Termino apibrėžimas Terminas Apibrėžimas, taikomas abiem ankstesniems terminams Terminas, kuris gali turėti abu šiuos apibrėžimus Vienas termino apibrėžimas Kitas termino apibrėžimas

                 Neįprasta praktika susieti kelis terminus su vienu apibrėžimu, tačiau gerai žinoti, kad tai įmanoma, jei reikia.

                 Sąrašo tipo pasirinkimas

                 Nuspręsdami naudoti konkretų sąrašo tipą, paprastai galite nuspręsti užduodami du paprastus klausimus:

                 1. Ar terminai apibrėžti (ar kitos pavadinimo / reikšmės poros sujungtos)?
                    • Jei taip, naudokite apibrėžimų sąrašą.
                    • Jei ne, nenaudokite apibrėžimų sąrašo – pereikite prie kito klausimo.
                 2. Ar svarbi sąrašo elementų tvarka?
                    • Jei taip, naudokite užsakytą sąrašą.
                    • Jei ne, naudokite netvarkingas sąrašą.

                 Skirtumas tarp HTML sąrašų ir teksto

                 Gali kilti klausimas, kuo skiriasi HTML sąrašas nuo teksto su ženkleliais arba ranka rašyti skaičiai. HTML sąrašo naudojimas turi keletą privalumų:

                 • Jei reikia pakeisti sąrašo elementų tvarką sutvarkytame sąraše, tiesiog perkelkite juos į HTML kodą. Jei skaičiai rašomi ranka, turėsite pereiti viską ir pakeisti kiekvieno elemento numerį, kad pataisytumėte tvarką – o tai, švelniai tariant, gana nuobodu!
                 • HTML sąrašo naudojimas leidžia tinkamai sudaryti sąrašo stilių. Jei naudosite tik didelį tekstą, bus daug sunkiau sukurti atskirų elementų stilių daugiau ar mažiau naudingu būdu.
                 • HTML sąrašo naudojimas suteikia turiniui tinkamą semantinę struktūrą, o ne tik „į sąrašą“ panašų vaizdinį efektą. Tai turi svarbių privalumų, nes leidžia ekrano skaitytuvams silpnaregiams vartotojams pasakyti, kad jie skaito sąrašą, o ne tik skaito painų teksto ir skaičių mišinį.

                 Kita vertus: tekstas ir sąrašai nėra tas pats. Naudojant tekstą, o ne sąrašą, reikia daugiau dirbti ir dokumentų skaitytuvams gali kilti problemų. Todėl, jei dokumentas reikalauja sąrašo, turi būti naudojamas tinkamas HTML sąrašas.

                 Įdėtieji sąrašai

                 Sąrašo elemente gali būti kitas visas sąrašas – tai vadinama „įdėtu“ sąrašu. Tai gali būti naudinga, pavyzdžiui, turiniui, pavyzdžiui, paskaitos pradžioje:

                 1. Pirmas skyrius 1. Pirmas skyrius 2. Antras skyrius 3. Trečias skyrius 2. Antras skyrius 3. Trečias skyrius

                 Svarbiausia atsiminti, kad įdėtasis sąrašas turi nurodyti vieną konkretų sąrašo elementą. Kad tai atsispindėtų kode, šiame sąrašo elemente yra įdėtas sąrašas. Aukščiau pateikto sąrašo kodas atrodo taip:

                 1. Pirmas skyrius
                    1. Pirmas skyrius
                    2. Antras skyrius
                    3. Trečias skyrius
                 2. Antras skyrius
                 3. Trečias skyrius

                 Atminkite, kad įdėtas sąrašas prasideda po elemento

               • ir tekstas, kuriame yra elemento sąrašas ("Pirmasis skyrius"); ir baigiasi prieš elementą
               , kuriame yra elementų sąrašas. Įdėtieji sąrašai dažnai sudaro svetainės naršymo meniu pagrindą, nes jie yra patogus būdas apibrėžti svetainės struktūrą.

               Teoriškai galite įdėti bet kokį sąrašą sąrašų, tačiau praktiškai tai gali sukelti painiavą, jei sąrašai įterpti per giliai. Labai dideliems sąrašams gali būti geriau padalyti turinį į kelis sąrašus su antraštėmis arba net į atskirus puslapius.

               Žingsnis po žingsnio pavyzdys

               Pažvelkime į nuoseklų pavyzdį, kad visa tai būtų sujungta. Apsvarstykite šį scenarijų:

               Kuriame nedidelę Kulinarijos mokyklos svetainę. Pagrindiniame puslapyje parodysime klasifikuotų receptų sąrašą, susietą su receptų puslapiais. Kiekviename recepto puslapyje pateikiami būtini ingredientai, pastabos apie tuos ingredientus ir paruošimo būdas. Trys kategorijos yra „Pyragai“ (įskaitant „Paprastos kempinės“, „Šokoladinio pyrago“ ir „Obuolių arbatos pyrago“ receptus); „Sausainiai“ (įskaitant „ANZAC biskvitų“, „Uogienės lašelių“ ir „Tirpimo akimirkų“ receptus); ir „Greitieji tešlos pyragaičiai“ (įskaitant „Slopintuvo“ ir „Paplotėlių“ receptus). Klientui nerūpi, kokia tvarka pateikiamos kategorijos ir receptai, jis tiesiog nori, kad žmonės suprastų, kurios prekės yra kategorijos, o kurios – receptai.

               Pažvelkime į šios svetainės kūrimo procesą. Šiame skyriuje mes sukursime žymėjimą ir taip pat pridėsime tam tikrą stilių į sąrašus. Stilius nebus išsamiai aptariamas iki tolesnės serijos paskaitos apie stilių sudarymą.

               Pagrindinio puslapio išdėstymas

               Sukurkite gerai suformuotą HTML puslapį, įskaitant doctype elementus html, galva ir kūnas , ir išsaugokite jį kaip stepbystep-main.html . Pridėkite pagrindinę antraštę (h1) „HTML maisto gaminimo mokykla“ ir paantraštę (h2) „Receptai“:

               HTML maisto gaminimo mokykla

               Receptai

               Receptai

               • Tortai
               • Sausainiai
               • Greiti pyragaičiai

               Li elementų įtrauka palengvina kodo skaitymą, tačiau tai nėra būtina.

               Dabar reikia pridėti receptų kaip antrinius elementus, pvz., „Paprasta kempinė“, „Šokoladinis pyragas“ ir „Obuolių arbatos pyragas“ yra „Pyragų“ kategorijos dalis. Norėdami tai padaryti, kiekvienoje sąrašo pozicijoje turite sukurti įdėtą sąrašą. Kadangi tvarka nesvarbi, tai vėl tinka netvarkingas sąrašą. Siekiant supaprastinti mokymo medžiagą, visus receptus galima susieti su vienu receptų puslapiu:

               Receptai

               • Tortai
                 • Paprasta kempinė
                 • Šokoladinis pyragas
                 • Obuolių arbatos pyragas
               • Sausainiai
                 • ANZAC sausainiai
                 • Uogienės lašai
                 • Tirpimo akimirkos
               • Duonos/greitai duonos
                 • Amortizatorius
                 • Paplotėliai