Lista e numërimit në html. HTML: Lista e numëruar dhe me pika

Dallimi i vetëm është se kjo etiketë është bërë rreptësisht për numërimin e listave. Emri i etiketës vjen nga shkurtesa angleze "Lista e renditur" - një listë e numëruar.

Sintaksa e etiketës

1. Elementi numër 1
2. Elementi numër 2
3. Elementi numër 3
4. ...

Ku atributi type="value" mund të marrë vlerat e mëposhtme

• A - vendos shënues në formën e shkronjave të mëdha latine (A, B, C..);
• a - vendos shënues në formën e shkronjave të vogla latine (a, b, c..);
• I - vendos shënues në formën e numrave të mëdhenj romakë (I, II, III, IV ..);
• i - vendos shënues në formën e numrave të vegjël romakë (i, ii, iii, iv..);
• 1 (parazgjedhja) - vendos shënuesit në formën e numrave arabë (1, 2, 3 ..);

Atributi start="value" specifikon vlerën fillestare (vlerën fillestare) të raportit.

Atributi i kundërt specifikon numërimin e kundërt (nëse është e nevojshme).

Etiketë

kërkon përdorimin e detyrueshëm të një etikete mbyllëse

Një etiketë e çiftuar përdoret për të formuar elementë të listës

1. . Midis etiketave hapëse dhe mbyllëse janë fjalë individuale, fraza, paragrafë, imazhe, pjesë të kodit dhe shumë më tepër që janë përmbajtja e listës me pika.

   shënim

   Brenda listës mund ta ndryshoni llogarinë në tuajën. Për këtë qëllim ka një atribut të veçantë vlerë = = "" në etiketë

2. , të cilit i është caktuar një vlerë numerike. Për shembull

   1. Elementi numër 1
   10. Elementi numër 2
   11. Elementi numër 3

   Shembuj me lista të numëruara në html (

   )

   Shembull 1. Lista e numëruar HTML me shkronja latine

   Shembull me shkronja të mëdha

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Shembull me shkronja të vogla

   1. Elementi numër 10
   2. Elementi numër 11
   3. Elementi numër 12

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Shembull 2. Lista e numëruar HTML me shkronja romake

   Shembull me shkronja të mëdha

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Shembull me shkronja të vogla

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Shembulli 3. Lista e numëruar html pozicione të ndryshme fillestare

   Një shembull që tregon aftësitë e atributit start, i cili ju lejon të vendosni vlerën fillestare të numëruesit.

   50. Elementi numër 1
   51. Elementi numër 2
   52. Elementi numër 3

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3

   Shembulli 4. Ndryshimi i numërimit në listat me numër html

   Më poshtë është një shembull me aftësinë për të ndryshuar vlerat e kundërvlerësimit duke përdorur atributin e vlerës kur shfaqen elementë të rinj në etiketa

3. .

   10. Elementi numër 1
   11. Elementi numër 2
   100. Elementi numër 3
   101. Elementi numër 4

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3
   4. Elementi numër 4

   Shembulli 5. Lista e kundërt e numëruar në html

   Më poshtë është një shembull i një liste me numër të kundërt (duke numëruar në rend të kundërt).

   10. Elementi numër 1
   11. Elementi numër 2
   12. Elementi numër 3
   13. Elementi numër 4

   Kështu duket në faqe:

   1. Elementi numër 1
   2. Elementi numër 2
   3. Elementi numër 3
   4. Elementi numër 4

   Në gjuhën e shënjimit HTML, ekzistojnë 3 lloje listash - lista të renditura (të numëruara), të pa renditura (të panumëruara) dhe listat definitive.

   Për të krijuar një listë të tillë, ju nevojiten 2 lloje elementësh: 'ul' (shkurt për listë të pa renditur, d.m.th. listë e pa renditur) dhe 'li' (element liste). Çdo gjë e shkruar brenda 'li' shënohet me një shënues.

   Shfaqja e një liste të tillë mund të kontrollohet duke specifikuar llojet e shënuesve.

   Llojet e markerëve

   Ekziston një tipar i veçantë i tipit që vendoset në të dy elementët e listës. Ky është lloji juaj i shënuesit. Ekzistojnë vetëm 3 lloje: rrethi, disku dhe katrori:

   - katror
   - disk
   - perimetri

   Në varësi të vendit ku specifikoni llojin e shënuesit, mund ta ndryshoni atë për të gjithë listën ose për një element specifik.

   Lista e porositur

   Për të ndërtuar një listë, ju duhen gjithashtu 2 elementë: 'ol' dhe 'li' (elementi i listës). Shënuesit zëvendësohen me numra me një pikë. Shembull i një liste të thjeshtë:

   1. elementi i parë
   2. elementi i dytë
   3. elementi i fundit

   Ju mund të kontrolloni pamjen e listës së renditur duke specifikuar lloje të ndryshme numërimi.

   Llojet e numërimit

   Ekziston një tipar i veçantë i tipit që vendoset në elementin 'ol' ose 'li'. Ky është lloji i listës suaj. Gjithsej janë 5 lloje:

   - Numërimi me numra arabë (1, 2, 3)
   - Numërimi me shkronja të mëdha (A, B, C)
   - Numërimi me shkronja të vogla (a, b, c)
   - Numërimi me numra romakë të mëdhenj (I, II, III)
   - Numërimi me numra romakë të vegjël (i, ii, iii)
   - Nga cili numër të fillohet numërimi?

   Në varësi të vendit ku specifikoni llojin e numërimit, mund ta ndryshoni atë për të gjithë listën ose për një element specifik.

   Lista e përkufizimeve

   Një listë përkufizimesh është zhvilluar për hyrjet e fjalorit.

   Ekziston një enë e përgjithshme 'dl'. Brenda tij janë "dt" (terminimi i përkufizimit) dhe "dd" (përshkrimi i përkufizimit). Shembulli më i thjeshtë:

   Departamenti i Marketingut

   Ky departament është i angazhuar në promovimin e mallrave dhe shërbimeve

   departamenti financiar

   Ky departament merret me të gjitha transaksionet financiare

   Të gjithë elementët e të gjitha listave janë elemente blloku. Por vetëm elementët inline mund të vendosen brenda elementit 'dt'. Ju mund të vendosni gjithçka që dëshironi në elementet 'dd' dhe 'li'. Nga këtu vijnë listat e mbivendosura.

   Të mbivendosur (lista të përziera)

   Këto janë lista me shumë nivele, brenda të cilave ekziston një hierarki. Shpesh lista të tilla përdoren kur ndërtohet një hartë e faqes. Shembull:

   Lista e përzier

   LAJMET E DITËS

   Sot shiu

   Do të bjerë shi gjithë ditën

   LAJME E NATËS

   Natën do të bjerë shi

   Nesër do të nisë një ditë e re

   Përshëndetje, të dashur lexues të faqes së blogut. Sot, si pjesë e këtij seksioni, dua të flas për lista të ndryshme Html që mund të krijohen bazuar në etiketat UL, OL, LI dhe DL të krijuara posaçërisht për këtë. Çiftet UL dhe LI krijojnë lista me pika, çiftet OL dhe LI krijojnë lista të numëruara dhe elementët DL, DT dhe DD krijojnë të ashtuquajturat listime të definicionit. Ne gjithashtu do të shqyrtojmë shkurtimisht parimet e krijimit të strukturave të mbivendosura.

   Dua t'ju kujtoj se tashmë kemi arritur të flasim për bazat e paraqitjes moderne, si dhe tabelare (). Për më tepër, ne prekëm bazat dhe mësuam.

   Listat e pikave bazuar në etiketat UL dhe LI

   Etiketa UL përdoret për të krijuar lista me pika, dhe etiketa OL përdoret për të krijuar lista të numëruara. Këto etiketa janë etiketa çifte dhe bllokojnë, ashtu si elementi LI.

   Midis etiketave hapëse dhe mbyllëse janë artikuj individualë të listës, të cilët nga ana tjetër janë të mbyllur në një element LI hapës dhe mbyllës. Shfletuesi shton dhëmbëzimet me një rresht në krye dhe në fund të listave HTML, të ngjashme me dhëmbëzimin e krijuar nga një etiketë paragrafi.

   Le të shohim, për shembull, një opsion me pika që mund të duket kështu:

   • Linja e parë
   • Së dyti
   • Elementi i fundit

   Vetëm elementët LI mund të jenë brenda etiketave UL hapëse dhe mbyllëse, dhe brenda vetë këtyre elementeve (klauzolat) mund të futni çdo përmbajtje (tekst, fotografi, tituj, paragrafë, lidhje dhe madje edhe lista të tjera).

   ato. UL shërben vetëm për të organizuar një listë me pika (jo të porositur) dhe gjithçka që shihni në një faqe ueb brenda saj zbatohet duke përdorur përmbajtjen e elementeve LI.

   Për UL, ju mund të ndryshoni llojin e shënuesit duke specifikuar vlera të ndryshme për atributin "Type". Nëse "Type" (kontrolli i pamjes së shënuesve) për elementin UL nuk është specifikuar, atëherë do të shfaqet pamja e paracaktuar e shënuesit (disku - një rreth i mbushur me ngjyrën e tekstit):

   1. — rrethi i mbushur (i parazgjedhur);
      • - rrethi i paplotësuar;
        • - katror

   Në shembujt e mësipërm, ne specifikuam atributin "Type" në elementin UL, duke përdorur këtë lloj shënuesi për të gjithë artikujt. Por atributi "Type" mund të specifikohet gjithashtu për çdo etiketë LI individuale, duke vendosur llojin e vet të shënuesit për këtë artikull.

   Shembull i një liste me pika me lloje të ndryshme pikash për secilin artikull:

   

   1. Shënues në formën e një disku të mbushur
   2. Shënues në formën e një disku të pa lyer
   3. Sheshi

   Listat e numëruara në Html bazuar në etiketën OL

   Për të krijuar një listë të numëruar, përdoren etiketat OL, brenda të cilave do të vendosen përsëri elementët LI. OL dhe LI, siç e përmenda tashmë, janë të bazuara në bllok (d.m.th., ata priren të zënë të gjithë hapësirën e disponueshme për ta në gjerësi) dhe asgjë përveç elementeve LI nuk mund të vendoset brenda OL.

   Rezulton se OL dhe UL janë etiketa shërbimi që nevojiten vetëm për t'i treguar shfletuesit se çfarë lloj liste po krijojmë (të shënuara ose të numëruara). Në rastin e një artikulli të numëruar, në të majtë të secilit artikull nuk do të shohim një shënues, por një numër dhe një pikë pas tij:

   

   1. Linja e parë
   2. Pika e dytë
   3. Linja e tretë

   Siç e përmenda më lart, elementët UL, OL dhe LI kanë aftësinë të përdorin atributin TYPE. Kjo ju lejon të konfiguroni llojin e shënuesit ose të specifikoni se cilat numra ose shkronja do të përdoren për të numëruar artikujt e listuar. Për një listë të numëruar, parametrat e këtij atributi mund të marrin vlerat e mëposhtme:

   1. — numërimi do të kryhet me numra të rregullt arabë (i njëjti opsion do të përdoret si parazgjedhje, në mungesë të atributit "Type");
      1. — shkronjat e mëdha për numërim;
         1. - shkronja të vogla;
            1. - numra romakë të mëdhenj;
               1. - numra romakë të vegjël;

                  Një shembull i një liste të numëruar me lloje të ndryshme numërimi për secilin artikull:

                  

                  1. numërohen me numra romakë të mëdhenj
                  2. Numërimi me shkronja të vogla latine
                  3. Numërimi me numra romakë të vegjël

                  Kur krijoni lista të numëruara, është gjithashtu e mundur të filloni numërimin jo nga një, por nga numri i specifikuar në atributin START. Për shembull:

                  1. Elementi i parë, numri i të cilit është specifikuar në etiketën OL me atributin start="23".
                  2. Artikulli tjetër, me një numër një më të lartë
                  3. Edhe një tjetër

                  Për OL, ju gjithashtu mund të filloni një numërim të ri nga çdo vlerë, duke filluar nga çdo artikull, duke shkruar atributin VALUE me numrin e kërkuar në LI-në e hapjes së këtij artikulli. Për shembull:

                  1. Pika e parë me numrin një
                  2. Ky element do të marrë numrin e specifikuar në atributin value="32".
                  3. Artikull me një numër të madh

                  Dizajnimi i paraqitjes së listave në CSS (fletë stili)

                  Por, si rregull, tani pamja e shënuesve vendoset jo përmes atributit TYPE, por për të cilin specifikohen vetitë përkatëse.

                  Këtu thjesht do të jap një shembull të shënuesve të ndryshëm për listat e panumëruara, pamja e të cilave vendoset përmes një skedari të veçantë me fletë stili kaskadë.

                  • Pika e parë
                  • Së dyti
                  • E fundit

                  Por ne do të flasim për këtë në artikujt vijues. Kështu është vendosur pamja e shënuesve UL në ​​këtë blog. Fotografitë përdoren si shënues: për artikujt e rregullt të një liste të panumëruar - , për artikujt e vendosur të një liste të panumëruar - .

                  Listat speciale dhe të mbivendosura në kodin HTML

                  Lloji i tretë dhe i fundit quhet "lista përkufizimi" dhe ato specifikohen duke përdorur tre etiketa - DL, DT dhe DD. DL i tregon shfletuesit se ajo që vijon është një listë përkufizimesh.

                  Zakonisht ky lloj përdoret (ose synohej të përdorej) për shkrimin e hyrjeve të fjalorit që përbëhen nga terma (të mbyllura në etiketat DT) dhe përshkrimet e tyre (të mbyllura në etiketat DD).

                  Termi i parë

                  Përshkrim

                  Termi i dytë

                  Përshkrimi i saj

                  

                  Nëse shikoni shembullin e mësipërm, do të vini re se elementi DD (përshkrimi i termit) është zhvendosur (me 40 piksel) në lidhje me elementin DT (vetë termi).

                  Në përgjithësi, DL, DT dhe DD janë etiketa blloku dhe vetëm përmbajtja me etiketa inline mund të futet brenda një elementi DT (rezulton se elementët e bllokut të titujve dhe paragrafëve nuk mund të përdoren brenda DT). Dhe brenda etiketave DD mund të futni çdo element, si në linjë ashtu edhe në bllok.

                  Lista e mbivendosur në Html është krijuar sipas analogjisë me një të thjeshtë, por brenda listës kryesore, disa nga artikujt janë mbyllur edhe një herë në etiketën hapëse dhe mbyllëse UL ose OL.

                  Ju lutemi vini re se LI mbyllëse e artikullit në të cilin do të krijohet artikulli i vendosur vendoset vetëm pas të gjithë kodit të listës së mbivendosur (kjo është shumë e rëndësishme për shfaqjen e saktë të tij në faqen e internetit). Lista e mbivendosur mund të duket diçka si kjo:

                  

                  1. Paragrafi i parë i kryesorit numërohet
                  2. Pika e dytë
                     • Elementi i parë i plumbave të mbivendosur
                     • Së dyti
                     • Pika e tretë dhe e fundit
                  3. Elementi i tretë i numëruar

                  Paç fat! Shihemi së shpejti në faqet e faqes së blogut

                  Ju mund të jeni të interesuar

                  Si të futni një lidhje dhe një fotografi (foto) në etiketat HTML - IMG dhe A Zgjidh, Option, Textarea, Label, Fieldset, Legend - Etiketat Html për formën e listave rënëse dhe fushat e tekstit
                  Format HTML për sitin - etiketat Form, Input dhe Select, Option, Textarea, Label dhe të tjera për krijimin e elementeve të formës së internetit
                  Si vendosen ngjyrat në kodin Html dhe CSS, përzgjedhja e hijeve RGB në tabela, prodhimi Yandex dhe programe të tjera
                  Embed and Object - Etiketat HTML për shfaqjen e përmbajtjes së medias (video, flash, audio) në faqet e internetit
                  Etiketat dhe atributet e titujve H1-H6, vija horizontale Hr, thyerja e rreshtit Br dhe paragrafi P sipas standardit Html 4.01
                  Tabelat në Html - Etiketat Table, Tr dhe Td, si dhe Colspan, Cellpadding, Cellspacing dhe Rowspan për krijimin e tyre
                  Çfarë është gjuha e shënjimit të hipertekstit Html dhe si të shikoni një listë të të gjitha etiketave në validatorin W3C
                  Fonti (Fytyra, Madhësia dhe Ngjyra), Blockquote dhe etiketat para - formatimi i tekstit të vjetër në HTML të pastër (nuk përdoret CSS)
                  Iframe dhe Frame - cilat janë ato dhe si të përdoren më mirë kornizat në Html
                  Img - Etiketa Html për futjen e një fotografie (Src), përafrimin dhe mbështjelljen e tekstit rreth saj (rreshtoj), si dhe vendosjen e sfondit (sfondi)

                  Një nga llojet e listave të zbatuara në HTML është lista me pika. Përndryshe, listat e këtij lloji quhen të panumëruara ose të pa renditura. Mbiemri përdoret shpesh si një përkthim zyrtar i emrit të etiketës përkatëse

                  , me ndihmën e së cilës listat e këtij lloji organizohen në dokumente HTML (UL - Unordered List, unordered list).

                  Në një listë me pika, karaktere speciale të quajtura shënues të listës përdoren për të theksuar elementet e saj (ato shpesh quhen bullets, që është shqiptimi zyrtar i termit anglisht bullet). Shfaqja e shënuesve të listës përcaktohet nga shfletuesi dhe kur krijojnë lista të ndërlidhura, shfletuesit diversifikojnë automatikisht pamjen e shënuesve në nivele të ndryshme foleje.

                  Etiketat

                  Dhe

                  Për të krijuar një listë me pika, duhet të përdorni një etiketë kontejneri, brenda së cilës ndodhen të gjithë elementët e listës. Etiketat e listës hapëse dhe mbyllëse ofrojnë një ndërprerje rreshti përpara dhe pas listës, duke e ndarë kështu listën nga përmbajtja kryesore e dokumentit, kështu që nuk ka nevojë të përdoren etiketat e paragrafëve këtu.

                  
                  .

                  Çdo element i listës duhet të fillojë me një etiketë

                  • (LI - Artikull i listës, elementi i listës). Etiketë
                  • nuk kërkon një etiketë mbyllëse përkatëse, megjithëse prania e tij nuk është e ndaluar në parim. Shfletuesit zakonisht fillojnë çdo artikull të ri të listës në një rresht të ri kur shfaqin një dokument.

                    Informacioni i dhënë është i mjaftueshëm për të ndërtuar një listë bazë me pika. Le të japim një shembull të një dokumenti HTML duke përdorur një listë me pika, shfaqja e së cilës nga shfletuesi është treguar në Fig. 2.1.

                    Shenjat e zodiakut:

                    • Dashi

                    • Demi

                    • binjakë

                    • Virgjëresha

                    • Peshorja

                    • Akrepi

                    • Shigjetari

                    • Bricjapi

                    • Ujori

                    • Peshku

                    Oriz. 2.1. Shfaqja e shfletuesit të listës me pika

                    Vini re se përveç elementeve të listës të shënuar me etiketë

                  • , mund të jenë të pranishëm edhe elementë të tjerë HTML. Në shembullin e mësipërm, një nga këta elementë është teksti i thjeshtë, i cili nuk është një artikull liste, por luan rolin e titullit të tij.

                    shënim

                    Disa tekste shkollore në gjuhën HTML tregojnë se një etiketë kontejneri duhet të përdoret për të vendosur titullin e listës (LH - Kreu i listës, kreu i listës). Ky etiketë aktualisht nuk njihet nga asnjë shfletues i zakonshëm dhe nuk është pjesë e specifikimit HTML. Kështu, përdorimi i tij bëhet i pakuptimtë, megjithëse nuk do të çojë në asnjë gabim.

                    Në etiketë

                    mund të specifikohen dy parametra: COMPACT dhe TYPE.

                    Parametri COMPACT është shkruar pa vlerë dhe përdoret për t'i treguar shfletuesit që lista e dhënë duhet të shfaqet në një formë kompakte. Për shembull, fonti ose distanca midis rreshtave të listës, etj. mund të zvogëlohet.

                    shënim

                    Aktualisht, prania e parametrit COMPACT në etiketë

                    nuk ndikon në asnjë mënyrë në shfaqjen e listave në shfletuesit kryesorë. Prandaj, përdorimi i këtij parametri është i pakuptimtë, veçanërisht pasi përdorimi i tij nuk rekomandohet nga specifikimi HTML 4.0.

                    Parametri TYPE mund të marrë këto vlera: disk, rreth dhe katror. Ky parametër përdoret për të detyruar shfaqjen e pikave të listës. Lloji i saktë i shënuesit do të varet nga shfletuesi që po përdorni. Opsionet tipike të shfaqjes janë si më poshtë:

                    LLOJI = disku - shënuesit shfaqen si rrathë të mbushur; LLOJI = rrethi - shënuesit shfaqen si rrathë të hapur; LLOJI = katror - shënuesit shfaqen si katrorë të mbushur. Shembull i hyrjes:

                    .

                    Vlera e paracaktuar është TYPE = disk. Për listat e vendosura me pika, vlera e paracaktuar është disku në nivelin e parë, rrethi në nivelin e dytë, katrori në nivelin e tretë dhe më gjerë. Kjo është pikërisht ajo që bëhet në versionet më të fundit të shfletuesve Netscape dhe Internet Explorer. Ju lutemi vini re se shfletuesit e tjerë mund të shfaqin shënuesit ndryshe. Për shembull, në specifikimin HTML 4.0, lloji i shënuesit që shfaqet kur TYPE = katror specifikohet si skicë katrore.

                    Parametri TYPE me të njëjtat vlera mund të përdoret për të specifikuar llojin e shënuesve për elementët individualë të listës. Për ta bërë këtë, parametri TYPE me vlerën përkatëse lejohet të specifikohet në etiketën e elementit të listës

                    • .

                      Shembull i hyrjes:

                    • .

                      shënim

                      Shfletuesit interpretojnë ndryshe specifikimin e llojit të pikave për një artikull individual të listës. Shfletuesi Netscape ndryshon pamjen e shënuesit për këtë dhe të gjithë pasuesit derisa të ndeshet ripërcaktimi tjetër i pamjes së shënuesit. Internet Explorer ndryshon pamjen e shënuesit vetëm për këtë element.

                      Shënuesit e listës grafike

                      Ju mund të përdorni imazhe grafike si pika të listës, e cila përdoret gjerësisht për të krijuar dokumente HTML tërheqëse dhe të dizajnuara mirë. Në fakt, kjo mundësi nuk ofrohet drejtpërdrejt nga gjuha HTML, por zbatohet disi artificialisht. Kjo nuk do të thotë se nuk rekomandohet ose dënohet të bësh këtë, por vetëm se këtu nuk do të përdoren konstruksione të veçanta të gjuhës HTML.

                      Për të kuptuar idenë, duhet të kuptoni mekanizmin për zbatimin e listave në faqet HTML. Rezulton se etiketa e listës

                      (si, në të vërtetë, etiketat e listave të llojeve të tjera, të diskutuara më poshtë) kryen një detyrë të vetme - i tregon shfletuesit që të gjitha informacionet e vendosura pas kësaj etikete duhet të shfaqen të zhvendosura djathtas (të futura) me një sasi të caktuar. Etiketat
                      • , të cilat tregojnë për artikujt individualë të listës, ofrojnë shënues standard të artikujve të listës.

                        Nëse na duhet të ndërtojmë një listë me shënues grafikë, atëherë mund të bëjmë pa etiketa fare

                      • . Do të jetë e mjaftueshme për të futur imazhin e dëshiruar grafik përpara çdo elementi të listës. Problemi i vetëm që duhet zgjidhur është ndarja e elementeve të listës nga njëri-tjetri. Ju mund të përdorni etiketat e paragrafëve për këtë

                        Ose detyroni një furnizim të linjës
                        . Një shembull i zbatimit të një liste me shënues grafikë, shfaqja e së cilës është paraqitur në Fig. 2.2 është paraqitur më poshtë:

                        e cila do të transmetohet vetëm një herë. Madhësitë e skedarëve të një imazhi të vogël janë gjithashtu jashtëzakonisht të vogla.

                        shënim

                        Metodat për krijimin e listave me pika grafike diskutohen me radhë në Kapitullin 8.

                        Listat përdoren shpesh në faqet e internetit, kështu që kjo çështje është shumë e rëndësishme. Ekzistojnë dy lloje të listave në HTML: të numëruara dhe të panumëruara (me plumba). Etiketat speciale përdoren për të krijuar lista. Ne do të njihemi me etiketat kryesore në këtë mësim. Le të shohim llojet e listave në HTML me radhë dhe të përdorim shembuj realë për të kuptuar se si ndryshojnë dhe si dalin.

                        Listat e numëruara në HTML

                        Listat e numëruara në HTML janë një sekuencë e renditur elementësh. Në një listë të numëruar, çdo element paraprihet automatikisht nga një numër serial. Lista e numëruar duket si kjo:

                        1. Elementi i parë i listës
                        2. Elementi i dytë i listës
                        3. Elementi i tretë i listës
                        4. Elementi i katërt i listës
                        5. Elementi i pestë i listës

                        Në këtë shembull, lista do të shfaqet me numra arabë. Listat e numëruara kanë atribute që mund të përdoren për të vendosur formatin për shfaqjen e numërimit të listës:

                        1. Atributet “I” ose “i” - lista numërohet me shkronja romake (kapitale ose të vogla);
                        2. Atributet “A” ose “a” - numërimi me shkronja latine (kapitale ose të vogla);
                        3. Atributi "fillimi" përdoret për të siguruar që numërimi të mos fillojë nga artikulli i parë, numri serial nga i cili duhet të krijohet lista është specifikuar si parametër.

                        Shembull. Një listë e numëruar që formohet nga shkronjat romake dhe fillon me elementin e dytë:

                        2. Elementi i parë i listës
                        3. Elementi i dytë i listës
                        4. Elementi i tretë i listës
                        5. Elementi i katërt i listës
                        6. Elementi i pestë i listës

                        Listat me pika në HTML

                        Listat e pa renditura quhen gjithashtu lista të pa renditura ose me pika. Për të theksuar elementët e një liste të tillë, përdoren karaktere speciale (shënues). Lloji i shënuesve të listës specifikohet në kodin HTML duke përdorur atribute të veçanta. Shembull i një liste me pika në HTML:

                        • Elementi i parë i listës
                        • Elementi i dytë i listës
                        • Elementi i tretë i listës
                        • Elementi i katërt i listës
                        • Elementi i pestë i listës

                        Në këtë rast, lista do të formohet nga shënuesit në formën e një pike të theksuar. Atributet e një liste të pa renditur janë:

                        1. "disk" - shënues në formën e një rrethi të mbushur
                        2. "rreth" - shënues në formën e një rrethi bosh
                        3. "katror" - shënues në formën e një katrori të mbushur

                        Një shembull i specifikimit të një shënuesi specifik në një listë:

                        • Elementi i parë i listës
                        • Elementi i dytë i listës
                        • Elementi i tretë i listës
                        • Elementi i katërt i listës
                        • Elementi i pestë i listës

                        Ju gjithashtu mund të përdorni imazhe grafike si shënues të listës, gjë që ju lejon të dizajnoni bukur dokumentin tuaj HTML. Në praktikë kjo përdoret shumë shpesh. Për të zbatuar këtë detyrë, duhet të shkruani në kod shtegun drejt figurës që do të shërbejë si shënues:

                        Elementi i parë i listës
                        Elementi i dytë i listës
                        Elementi i tretë i listës
                        Elementi i katërt i listës
                        Elementi i pestë i listës

                        Listat gjithashtu mund të jenë të mbivendosura ato përbëhen nga disa lista:

                        1. Elementi i parë i listës
                        2. Elementi i dytë i listës
                        • Nën-artiku i parë i listës
                        • Nën-pika e dytë e listës
                        3. Elementi i tretë i listës
                        4. Elementi i katërt i listës
                        5. Elementi i pestë i listës

                        Kjo është ndoshta gjithçka që doja t'ju tregoja për listat në HTML. Listat janë shumë të zakonshme në faqet e internetit. Për t'i formuar ato, duhet të dini disa rregulla konkluzionesh.