Limbajul de marcare hipertext HTML are o etichetă

folosit pentru a crea liste cu marcatori. Este susținut de toată lumea browsere moderneși vă permite să afișați articole într-o comandă care nu necesită numerotare. De exemplu, afișează foarte des elemente de meniu și tot ceea ce are legătură cu listele de pe pagină: vase, produse, echipamente, instrumente și multe altele care trebuie listate fără a indica prioritatea acestui sau acelui element.

Sintaxa etichetei

• Elementul nr. 1
• Elementul 2
• Elementul nr. 3
• ...

Acest cod este convertit într-o listă cu marcatori pe site:

• Elementul nr. 1
• Elementul 2
• Elementul nr. 3

Etichetă

necesită utilizarea obligatorie a unei etichete de finalizare
.

O etichetă asociată este utilizată pentru a forma elemente de listă. Între etichetele de deschidere și de închidere sunt cuvinte individuale, fraze, paragrafe, imagini, bucăți de cod și multe altele, care sunt conținutul unei liste cu marcatori.

Care poate fi conținutul unei liste cu marcatori?

Poate fi o varietate de texte, inclusiv cuvinte unice, fraze și paragrafe, imagini, liste imbricate, bucăți de cod PHP și multe altele care necesită o etichetare simplă.

Fiecare element din listă cu marcatori este indentat în mod implicit cu 40 de pixeli spre dreapta. Folosind stiluri CSS, putem schimba afișarea acestei liste după bunul nostru plac. Etichetă

este bazat pe blocuri, deci ocupă întreaga zonă disponibilă, limitată de marginea ecranului, de rama mesei sau de alte elemente de pagină.
Sunt permise atașamentele din listă

De exemplu

• Elementul nr. 1
• • Postul # 2-1
  • Elementul 2-2
  • Postul # 2-3
• Elementul nr. 3
• ...

Etichetați atributele și proprietățile

Atribut de etichetă utilizat pe scară largă

este un atribut de tip care indică cum va arăta marcatorul listei. Poate lua următoarele valori

1. tip = "disc" - marker sub forma unui cerc umplut (această valoare este implicită). Exemplul de disc a fost chiar deasupra.

2. tip = "cerc" - un marker sub forma unui cerc transparent

De exemplu:

• Elementul nr. 1
• Elementul 2

• Elementul nr. 1
• Elementul 2

3.type = "pătrat" ​​- un marker sub forma unui pătrat

De exemplu:

• Elementul nr. 1
• Elementul 2

Și așa arată pe pagină:

• Elementul nr. 1
• Elementul 2
Nota 1

În CSS, tipul de marker este specificat utilizând atributul list-style-type:

• ...

Să luăm în considerare ce valori poate lua lista-stil-tip:

• disc - un marker sub formă de cerc (exemplul era deasupra)
• cerc - un marker sub forma unui cerc transparent (exemplul era deasupra)
• pătrat - un marker sub forma unui pătrat (exemplul era deasupra)
• zecimal - marker sub forma unei liste numerotate în cifre arabe: 1, 2, 3, ...
• decimal-leading-zero - marker sub forma unei liste numerotate în cifre arabe cu zero în poziție: 01, 02, 03, ...
• inferior-roman - marker sub forma unei liste numerotate din alfabetul roman cu litere mici: i, ii, iii, iv, v
• super-roman - glonț sub forma unei liste numerotate din alfabetul roman cu litere mari: I, II, III, IV, V
• latin inferior - un marker sub forma unei liste din alfabetul latin cu litere mici: a, b, c, d, ...
• latin superior - un marker sub forma unei liste din alfabetul latin cu majuscule: A, B, C, D, ...
• low-Greek - un marker sub forma unei liste din alfabetul grecesc cu litere mici
• upper-Greek - marker sub forma unei liste în alfabetul grecesc cu majuscule

Nota 2

Atributul poate fi atribuit ca etichetă în sine

și etichete
• ... Când setați un atribut pentru o etichetă
  toate elementele listei vor fi afișate așa cum indică atributul. Dar putem oferi unul sau alt element propriul nostru afișaj. Exemplu în imagine:

  Codul arată astfel:

  • Elementul nr. 1
  • Elementul 2
  • Elementul nr. 3

  • Elementul nr. 1
  • Elementul 2
  • Elementul nr. 3

  Schimbarea markerilor de etichete

  folosind CSS

  Elemente cu liste cu marcatori create de Tag

  , poate fi marcat cu imagini arbitrare. CSS este folosit pentru a schimba tipul de marker. De exemplu

  • Elementul nr. 1
  • Elementul 2
  • Elementul nr. 3

  Și așa arată pe pagină:

  • Elementul nr. 1
  • Elementul 2
  • Elementul nr. 3

  Putem folosi CSS pentru a defini și alte tipuri de afișare a markerului. Dar trebuie să vă amintiți acest lucru atunci când setați orice stil pe etichetă

  , se aplică tuturor elementelor listei.

  HTML oferă un set special de etichete pentru prezentarea informațiilor sub formă de liste. Listele sunt una dintre cele mai utilizate forme de prezentare a datelor, atât în ​​documentele electronice, cât și în tipar. Ne întâlnim cu liste aproape în fiecare zi - poate fi o listă cu achizițiile necesare în magazin, studenții din clasă sau doar lucruri care trebuie făcute. Capacitatea de a organiza structuri de liste este disponibilă în multe editori de textîn special un procesor de text puternic Microsoft Word are instrumente convenabile de formatare a listelor de diverse feluri(Posibilitățile pentru crearea listelor HTML folosind Microsoft Word sunt discutate în capitolul 8). Iată o serie de cazuri pentru care utilizarea listelor este destul de convenabilă:

  • Combinarea informațiilor într-o singură structură pentru a da un aspect lizibil.
  • Descrierea proceselor complexe pas cu pas.
  • Locația informațiilor în stilul unui cuprins, ale cărei paragrafe indică secțiunile corespunzătoare ale documentului.

  Rețineți că articolele de mai sus sunt organizate doar sub forma unei structuri de liste.

  HTML oferă următoarele tipuri de bază de liste: marcatori, numerotate și listă de definiții. Pentru a implementa liste tipuri diferite sunt utilizate următoarele etichete:

  ,
  ,

  , , ... Cu ajutorul diferitelor tipuri de liste încorporate în document, pot fi implementate o mare varietate de capabilități, care sunt descrise în acest capitol. Sunt luate în considerare caracteristicile construirii listelor de diferite tipuri, precum și utilizarea listelor imbricate.

  Listă cu puncte

  Unul dintre tipurile de liste implementate în HTML este o listă cu marcatori. În caz contrar, listele de acest tip se numesc nenumerotate sau

  dezordonat. Ultimul nume este adesea folosit ca traducere formală a numelui etichetei corespunzătoare.

  , cu ajutorul cărora listele de acest tip sunt organizate în documente HTML (UL - Listă neordonată, listă neordonată).

  Se utilizează o listă cu marcatori Simboluri speciale, numit bullets list (adesea numit bullets, care este pronunția formală a termenului englezesc bullet). Tipul de markere de listă este determinat de browser și, atunci când creează liste imbricate, browserele diversifică automat aspectul markerilor la diferite niveluri de cuibărire.

  Etichete

  și<LI>

  Pentru a crea o listă cu marcatori, trebuie să utilizați un container de etichete, în interiorul căruia se află toate elementele listei. Etichetele de listă de deschidere și închidere oferă fluxuri de linie înainte și după listă, separând astfel lista de conținutul principal al documentului, deci nu este nevoie să folosiți etichete de paragraf aici.

  
  .

  Fiecare element al listei trebuie să înceapă cu o etichetă

  • (LI - Element de listă). Etichetă
  • nu are nevoie de o etichetă finală adecvată, deși prezența sa nu este, în principiu, interzisă. Browserele pornesc de obicei fiecare element de listă nou pe o nouă linie atunci când afișează un document.

    Informațiile furnizate sunt suficiente pentru a construi o listă elementară cu marcatori. Iată un exemplu de document HTML care utilizează o listă cu marcatori, care este afișată de browser în Fig. 2.1.

    Semne zodiacale:

    • Berbec

    • Taurul

    • Gemenii

    • Cancer

    • un leu

    • Fecioara

    • solzi

    • Scorpion

    • Săgetător

    • Capricornul

    • Vărsător

    • Pesti

    Orez. 2.1. Afișare listă cu marcatori a browserului

    Rețineți că, pe lângă elementele din listă marcate cu eticheta

  • , pot fi prezente și alte elemente HTML. În exemplul de mai sus, unul dintre aceste elemente este textul simplu, care nu este un element de listă, dar joacă rolul titlului său.

    Notă

    Unele manuale HTML vă instruiesc să utilizați un container de etichete pentru a seta titlul listei. (LH - Antet listă, antet listă). În prezent, această etichetă nu este recunoscută de niciunul dintre browserele principale și nu face parte din specificațiile HTML. Astfel, aplicarea sa devine lipsită de sens, deși nu va duce la erori.

    În etichetă

    pot fi specificați doi parametri: COMPACT și TYPE.

    Parametrul COMPACT este scris fără valori și este folosit pentru a spune browserului că această listă ar trebui să fie redate într-o formă compactă. De exemplu, fontul poate fi redus sau distanța dintre liniile listei etc.

    Notă

    În prezent, prezența parametrului COMPACT în etichetă

    nu afectează în niciun fel afișarea listelor de către browserele principale. Prin urmare, utilizarea acestui parametru este lipsită de sens, mai ales că utilizarea acestuia nu este recomandată de specificația HTML 4.0.

    Parametrul TYPE poate lua următoarele valori: disc, cerc și pătrat. Acest parametru este utilizat pentru a forța apariția markerilor de listă. Tipul exact de marker va depinde de browserul utilizat. Opțiuni tipice mapările sunt după cum urmează:

    TIP = disc - markerii sunt afișați cu cercuri umplute; TIP = cerc - markerii sunt afișați cu cercuri deschise; TIP = pătrat - markerii sunt afișați cu pătrate umplute. Exemplu de înregistrare:

    .

    Valoarea implicită este TYPE = disc. Pentru listele cu marcatori imbricate, implicit este discul la primul nivel, cercul la al doilea și pătratul la al treilea și dincolo. Exact asta se face în ultimele versiuni Browsere Netscape și Internet Explorer. Rețineți că alte browsere pot afișa markere diferit. De exemplu, specificația HTML 4.0 specifică un contur pătrat pentru aspectul markerului afișat cu TYPE = pătrat.

    Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica tipul de markeri pentru articolele de listă individuale. Pentru aceasta, parametrul TYPE cu valoarea corespunzătoare poate fi specificat în eticheta articolului din listă

    • .

      Exemplu de înregistrare:

    • .

      Notă

      Browserele interpretează specificarea unui tip de marker diferit pentru element individual listă. Browser Netscape modifică tipul de marker pentru acesta și pentru toate cele ulterioare până când se întâlnește următoarea redefinire a tipului de marker. motor de cautare Explorer modifică aspectul markerului numai pentru acest element.

      Marcatori grafici de listă

      Grafica poate fi utilizată ca marcatori de listă, care este utilizată pe scară largă pentru a crea documente HTML atractive, frumos proiectate. De fapt, o astfel de posibilitate nu este furnizată direct de limbajul HTML, ci este implementată oarecum artificial. Acest lucru nu înseamnă că nu este recomandat sau reprobabil să faceți acest lucru, ci înseamnă doar că nu vor fi utilizate aici construcții speciale de limbaj HTML.

      Pentru a înțelege ideea, trebuie să înțelegeți cum sunt implementate listele în paginile HTML. Se pare că eticheta listei

      (precum și etichetele altor tipuri de liste, considerate mai jos) îndeplinește singura sarcină - îi spune browserului că toate informațiile localizate după această etichetă trebuie afișate cu o deplasare spre dreapta (indentată) cu o anumită cantitate. Etichete:
      • care indică elemente de listă individuale oferă marcatori standard de articole de listă.

        Dacă trebuie să construim o listă cu markere grafice, atunci putem face fără etichete cu totul.

      • ... Va fi suficient să introduceți ceea ce doriți înainte de fiecare element al listei imagine grafică... Singura sarcină care trebuie rezolvată în acest caz va fi separarea elementelor listei unele de altele. Puteți utiliza etichete de paragraf pentru aceasta

        Sau forțarea liniei forțate
        ... Un exemplu de implementare a unei liste cu markere grafice, a cărui afișare este prezentată în Fig. 2.2 este prezentat mai jos:

        Semne zodiacale:
        

        Berbec
        

        Taurul
        

        zodia Gemeni
        

        Pak
        

        Lev
        

        Fecioara
        

        solzi
        

        Scorpion
        

        Săgetător
        

        Capricornul
        

        Vărsător
        

        Pesti

        

        Orez. 2.2. Listă de marcatori cu markere grafice

        În exemplul de mai sus, marcatorul elementului de listă este fișier grafic Green_ball.gif. Rețineți că utilizarea graficelor pe paginile HTML poate crește semnificativ cantitatea de informații transferate. Cu toate acestea, în acest caz, această creștere este extrem de nesemnificativă. Aici, același fișier este utilizat pentru toți markerii,

        care se va transmite o singură dată. Dimensiunea unui fișier care conține o imagine mică este, de asemenea, extrem de mică.

        Notă

        Metodele de creare a listelor cu markere grafice sunt discutate la rândul lor în capitolul 8.

        Lista numerotată

        Un alt tip de liste implementate în HTML este o listă numerotată. În caz contrar, listele de acest tip se numesc ordonate. Ultimul nume este adesea folosit ca traducere formală a numelui etichetei corespunzătoare.

        , cu ajutorul cărora listele de acest tip sunt organizate în documente HTML (OL - Listă ordonată).

        Liste de acest tip reprezintă de obicei o succesiune ordonată de elemente individuale. Diferența față de listele cu marcatori este că într-o listă numerotată, fiecare element este precedat automat de un număr secvențial. Tipul de numerotare depinde de browser și poate fi setat de parametrii etichetelor de listă. În caz contrar, implementarea listelor numerotate este foarte asemănătoare cu implementarea listelor cu marcatori.

        Etichete

        și

        1. Pentru a crea o listă numerotată, ar trebui să utilizați un container de etichete, în interiorul căruia se află toate elementele listei. Etichetele de început și de sfârșit ale unei liste furnizează linii înainte și după listă, separând astfel lista de conținutul principal al documentului.

           Ca și în cazul unei liste cu marcatori, fiecare articol dintr-o listă numerotată trebuie să înceapă cu eticheta

        2. .

           Iată un exemplu de document HTML care utilizează o listă numerotată, a cărui afișare browserul este prezentat în Fig. 2.3.

           Cele mai strălucitoare stele vizibile de pe Pământ:

           • Sirius

           • La anopus

           • Arcturus

           • Alpha Centauri

           • Vega

           • K apella

           • Rigel

           • Procyon

           • Achernar

           • Beta Centauri

           • Vetelgeuse

           • Aldebaran

             
             . . .

           • Mizar

             
             . . .

           • Polar

           

           Orez. 2.Z. Lista numerotată

           În etichetă

           se pot specifica următorii parametri: COMPACT, TYPE și START.

           Parametrul COMPACT are aceeași semnificație ca listele cu marcatori. Parametrul TYPE este utilizat pentru a seta tipul de numerotare a listei. Poate lua următoarele valori:

           TIP = A - setează markeri sub formă de litere latine majuscule;

           TIP = a - specifică markeri sub formă de litere minuscule latine;

           TIP = I - specifică markeri sub formă de cifre romane mari;

           TIP = i - specifică markeri sub formă de cifre romane mici;

           TIP = 1 - specifică markeri sub formă de cifre arabe.

           În mod implicit, se utilizează întotdeauna valoarea TYPE = 1, adică numerotarea folosind cifre arabe. Acest lucru se aplică și listelor numerotate imbricate. Aici, spre deosebire de listele marcate, browserele implicit nu fac numerotări diferite la diferite niveluri de cuibărire a listelor. Rețineți că după numărul elementului listă, semnul „punct” este întotdeauna afișat suplimentar.

           Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica stilul de numerotare a articolelor de listă individuale. Pentru aceasta, parametrul TYPE cu valoarea corespunzătoare poate fi specificat în eticheta articolului din listă

           1. .

              Exemplu de înregistrare:

           2. .

              Parametru START de etichetă

              vă permite să începeți numerotarea listei cu un non-unu. Un număr natural trebuie să fie întotdeauna specificat ca valoare a parametrului START, indiferent de tipul numerotării listei. Să dăm un exemplu:
              .

              O astfel de intrare determină numerotarea listei din litera capitală latină „E”. Pentru alte tipuri de numerotare, intrarea START = 5 va seta numerotarea, respectiv, de la numărul „5”, cifra romană „V” etc.

              Modificarea tipului de numerotare a listei și a valorilor numerelor poate fi efectuată pentru orice element al listei. Etichetă

              5. pentru listele numerotate, permite utilizarea parametrilor TIP și VALOR. Parametrul TYPE poate lua aceleași valori ca și pentru etichetă.
                 .

                 NS Exemplu de înregistrare:

                 1. .

                    Notă

                    Browserele interpretează specificând diferit tipul de numerotare pentru un element de listă individual. Browserul Netscape modifică numerotarea acestui element și a tuturor celor ulterioare până când întâlnește o altă suprascriere. Internet Explorer modifică aspectul numărului numai pentru acest articol.

                    Zvaloarea parametrului VALUE al etichetei

                 2. - vă permite să modificați numărul acestui element din listă. Aceasta modifică, de asemenea, numerotarea tuturor elementelor ulterioare. Aplicațiile tipice sunt liste cu omiterea anumitor elemente. Un exemplu de astfel de listă a fost dat mai sus (Fig. 2.3). Acesta oferă o listă ordonată a celor mai strălucitoare stele, în care, la 58 și 75 de locuri, există stele care sunt clar vizibile în latitudinile noastre (Mizar este cea mai strălucitoare stea din constelația Ursa Major, iar Steaua Polară este Ursa Minor).

                    Iată un alt exemplu original de utilizare a diferitelor tipuri de numerotare. Următorul cod HTML conține trei liste cu numerotare diferită. Pentru o vizualizare ușoară, fiecare dintre liste este plasată într-o celulă separată a tabelului. Toate cele trei liste sunt identice și diferă doar prin tipul de numerotare: în prima coloană a tabelului - cifre arabe, în a doua - romană, iar în a treia, numerotarea este în litere latine. Rețineți că elementele listei sunt goale, adică după orice etichetă

                 3. nici o informatie disponibila. Un exemplu de acest fel poate fi folosit ca tabel de corespondență între înregistrarea numerelor în cifre arabe și romane. Se pare că orice browser care acceptă liste poate fi folosit ca generator pentru un astfel de tabel (Figura 2.4), atâta timp cât introduceți codul HTML furnizat. Numerele romane funcționează corect până la 3999. Examinând coloana din dreapta, puteți înțelege cum sunt numerotate numerele romane. Când numerotarea dintr-o literă (de la A la Z) este epuizată, primul număr din două litere este luat ca număr următor - AA etc.

                    . . .

                    . . .

                    . . .

                    

                    Orez. 2.4. Diferite tipuri de numerotare a listelor HTML

                    Lista definițiilor

                    Listele de definiții, numite și vocabulare ale definițiilor termenilor tehnici, sunt un tip special de liste. Spre deosebire de alte tipuri de liste, fiecare element dintr-o listă de definiții are întotdeauna două părți. În prima parte a elementului de listă, termenul definit este scris, iar în a doua parte, textul sub formă de intrare în dicționar, dezvăluind semnificația termenului.

                    Listele de definiții sunt specificate folosind o etichetă container

                    (Lista definițiilor). În interiorul containerului cu eticheta

                    (Termen de definiție) marchează termenul definit și eticheta

                    (Descrierea definiției) - un paragraf cu definiția sa. Pentru etichete

                    și

                    nu trebuie să scrieți etichetele de finalizare corespunzătoare.

                    În general, lista definițiilor este scrisă după cum urmează:

                    Termen

                    Definiția termenului

                    În textul după etichetă

                    elementele de nivel bloc, cum ar fi etichetele de paragraf, nu pot fi utilizate

                    Sau anteturi

                    -

                    ... De obicei, textul termenului definit trebuie să fie pe o singură linie. Textul care conține definiția termenului este afișat începând cu următoarea linie(sau peste o linie pentru unele browsere) după definirea termenului, indentat în dreapta. În informațiile plasate după etichetă

                    , pot fi localizate elemente la nivel de bloc. Acest lucru implică, în special, că listele de definiții pot fi imbricate.

                    În etichetă

                    poate fi specificat parametrul COMPACT, al cărui scop este similar cu celelalte liste descrise mai sus.

                    Iată un exemplu de document HTML care folosește o listă de definiții:

                    Clasificarea temperamentelor umane tipice,
                    fondat

                    asupra punctelor de vedere ale lui Hipocrate

                    Persoana flegmatică

                    Pasiv, foarte capabil, se adaptează încet;
                    starea de spirit stabilă, puțin supusă influenței externe;
                    letargie a reacțiilor emoționale și încetineală în activitatea volitivă
                    
                    

                    Sanguine

                    Activ, energic, adaptabil, -
                    vioiciunea și mobilitatea reacțiilor emoționale, viteza și forța manifestărilor volitive
                    
                    

                    Coleric

                    Activ, foarte energic, persistent;
                    impetuozitatea și forța reacțiilor emoționale, manifestările volitive violente
                    
                    

                    Melancolic

                    Pasiv, ușor obosit, greu de adaptat, -
                    slăbiciunea voinței și predominanța unei stări depresive, îndoiala de sine

                    Afișarea documentului HTML dat în browser este prezentată în Fig. 2.5.

                    

                    Orez. 2.5. Lista definițiilor (seamănă cu un grup de intrări într-un dicționar)

                    Listele de tipuri

                    și

                    Listele de tipuri

                    și sunt în prezent în mare parte neutilizate, deși sunt încă acceptate de browsere importante. Ambele tipuri de liste sunt depreciate în specificația HTML 4.0. În locul acestora, se propune utilizarea listelor cu marcatori, specificate de etichetă

                    .

                    Inițial, aceste tipuri de liste au fost concepute pentru a fi mai compacte decât listele obișnuite cu marcatori. Conform regulilor de scriere a elementelor acestor liste, nu a fost permisă utilizarea elementelor bloc în ele, ceea ce înseamnă că este imposibil să se implementeze cuibărirea listelor de acest tip. Fiecare element din listă era un rând de text.

                    Pentru liste precum

                    s-a planificat introducerea unei restricții privind „lungimea textului unui articol din listă (24 de caractere). O astfel de limitare ar face posibilă derivarea

                    liste de genul

                    într - o formă similară listării directoarelor din sisteme de operare UNIX și MS-DOS când utilizați comutatorul / W (în mai multe coloane). În plus, markerii nu au fost afișați pentru elementele de listă de acest tip.

                    În prezent, toate aceste idei nu au fost puse în aplicare, deoarece nu este recomandată utilizarea în continuare a listelor de acest tip. Versiunile moderne ale browserelor afișează liste de aceste tipuri exact în același mod ca listele de tip

                    .

                    Liste imbricate

                    Există uneori când un articol din listă de un tip trebuie să includă o listă întreagă de același tip sau altul. Aceasta va organiza listele cu mai multe niveluri sau imbricate. HTML permite cuibărirea arbitrară a diferitelor tipuri de liste, dar trebuie organizată o atenție deosebită.

                    Mai jos este codul HTML al documentului cu liste imbricate, a cărui afișare este prezentată în Fig. 2.6. În acest exemplu, fiecare element din lista cu marcatori are propria listă numerotată.

                    Sateliții unor planete

                    • Zempia

                      1. luna

                    • Mapc

                      1. Phobos

                      2. Deimos

                    • Uranus

                      1. Ariel

                      2. Umbriel

                      3. Titania

                      4. Oberon

                      5. Miranda

                    • Neptun

                      1. Triton

                      2. Nereidă

                      Singura diferență este că această etichetă este făcută strict pentru listele de numerotare. Numele etichetei provine din abrevierea în engleză „Listă ordonată” - listă numerotată.

                      Sintaxa etichetei

                      1. Elementul nr. 1
                      2. Elementul 2
                      3. Elementul nr. 3
                      4. ...

                    Unde atributul type = "value" poate lua următoarele valori

                    • A - setează markeri sub forma literelor majuscule latine (A, B, C ..);
                    • a - setează markeri sub formă de litere minuscule latine (a, b, c ..);
                    • I - setează markeri sub formă de cifre romane mari (I, II, III, IV ..);
                    • i - specifică markeri sub formă de cifre romane mici (i, ii, iii, iv ..);
                    • 1 (implicit) - specifică markeri sub formă de cifre arabe (1, 2, 3 ..);

                    Atributul start = "valoare" specifică valoarea initiala(valoarea de pornire) a raportului.

                    Atributul inversat specifică un număr invers (dacă este necesar).

                    Etichetă

                    necesită utilizarea obligatorie a unei etichete de finalizare

                    O etichetă asociată este utilizată pentru a forma elemente de listă

                    • ... Între etichetele de deschidere și de închidere sunt cuvinte individuale, fraze, paragrafe, imagini, bucăți de cod și multe altele, care sunt conținutul unei liste cu marcatori.

                      Notă

                      În listă, puteți schimba contul la al dvs. Pentru aceasta, există o valoare de atribut special = "" pentru etichetă

                    • căreia i se atribuie o anumită valoare numerică. De exemplu

                      1. Elementul nr. 1
                      10. Elementul 2
                      11. Elementul nr. 3

                    Exemple cu liste numerotate în html (

                    )

                    Exemplul 1. Lista html numerotată sub formă de litere latine

                    Exemplu cu cu litere mari

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Exemplu cu litere mici

                    1. Articolul # 10
                    2. Articolul # 11
                    3. Postul # 12

                    Așa arată pe pagină:

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Exemplul 2. Lista html numerotată în litere romane

                    Exemplu cu litere mari

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Așa arată pe pagină:

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Exemplu cu litere mici

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Așa arată pe pagină:

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Exemplul 3. HTML numerotat listează diferite poziții de început

                    Un exemplu care arată capacitățile atributului de pornire, care vă permite să setați valoarea de pornire a contorului.

                    50. Elementul nr. 1
                    51. Elementul 2
                    52. Elementul nr. 3

                    Așa arată pe pagină:

                    1. Elementul nr. 1
                    2. Elementul 2
                    3. Elementul nr. 3

                    Exemplul 4. Schimbarea contului în listele html numerotate

                    Mai jos este un exemplu cu posibilitatea de a modifica valorile contorului utilizând atributul value atunci când afișează elemente noi în etichete

                    • .

                      10. Elementul nr. 1
                      11. Elementul 2
                      100. Elementul nr. 3
                      101. Elementul 4

                      Așa arată pe pagină:

                      1. Elementul nr. 1
                      2. Elementul 2
                      3. Elementul nr. 3
                      4. Elementul 4

                      Exemplul 5. Lista numerotată reversibilă în html

                      Mai jos este un exemplu de listă numerotată invers (numărarea în ordine inversă).

                      10. Elementul nr. 1
                      11. Elementul 2
                      12. Elementul nr. 3
                      13. Elementul 4

                      Așa arată pe pagină:

                      1. Elementul nr. 1
                      2. Elementul 2
                      3. Elementul nr. 3
                      4. Elementul 4

                      Element

                      (din limba engleză „unordered list” - „unordered list”) creează o listă neordonată (neordonată). De obicei elementul
                      este folosit pentru a crea astfel de liste, în cazul în care modificarea ordinii articolelor din această listă nu modifică semnificativ semnificația listei.

                      Etichetă

                      se referă la elemente de bloc, deci va ocupa întreaga lățime disponibilă, iar dimensiunea înălțimii va depinde de cantitatea de conținut.

                      Elementele pentru listele numerotate sunt definite folosind eticheta

                      • , care, pe lângă text, poate include și alte elemente HTML (liste, imagini, titluri, paragrafe etc.). În mod implicit, listele cu marcatori sunt afișate pe o pagină web ca o listă care începe cu un cerc negru mic. Browserele adaugă o mică marjă la stânga la afișarea articolelor din listă.

                        Notă: Dacă să

                        aplicat Proprietate CSS, apoi elementele
                        • moștenesc aceste proprietăți.

                          Sfat: Pentru a schimba tipul de marker, utilizați proprietatea CSS de tip list-style sau proprietatea list-style-image pentru a înlocui markerii cu imagini. Pentru a crea liste numerotate utilizați eticheta

                          .

                          Sintaxă

                          ...
                          • ...
                          ...

                          Etichetă de încheiere

                          Necesar.

                          Atribute

                          compact Învechit în HTML5 Reduce indentarea și distanța dintre linii. tip HTML5 Setează aspectul marcatorului listei.

                          Disponibil pentru acest articol atribute globaleși dezvoltări.

                          Stil implicit

                          Majoritatea browserelor vor reda elementul

                          cu următoarele Valorile CSS Mod implicit:

                          Ul (afișare: bloc; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;)

                          Diferențe între HTML 4.01 și HTML5

                          Atributele compacte și de tip nu sunt acceptate în HTML5.

                          Exemplu de utilizare:

                          Lista HTML neordonată:

                          Exemplu HTML:

                          Incearca-l tu insuti
                          • Cafea
                          • Ceai
                          • Cacao

                          Specificații (editați)

                          Specificație	stare
                          WHATWG Standard de viață HTML (WHATWG)	Nivel de trai
                          HTML 4.01 (W3C)	Recomandare
                          HTML5 (W3C)	Recomandare
                          HTML 5.1 (W3C)	Recomandare

                          Suport pentru browser

                          Încercați singur - Exemple

                          Cum se face ca lista să înceapă cu un număr diferit de 1.

                          Buna dragi cititori! Astăzi, ca o continuare a seriei de articole sub titlul „Bazele html”, vreau să vă fac cunoștință cu algoritmul de creare liste html cu ajutor etichete ul și li (listă neordonată), ol și li (listă numerotată), dl, dt, dd (listă de definiții).

                          Acum voi continua să vă cunosc cele mai frecvent utilizate etichete html, care sunt folosite pentru a crea liste pe paginile site-ului. Dacă cineva nu știe ce este, cu siguranță, după informațiile primite mai jos, va înțelege imediat despre ce este vorba, deoarece această formă de prezentare a materialului este foarte obișnuită.

                          Liste cu marcatori HTML - etichete ul și li

                          Lista cu marcatori va fi definită de eticheta ul. Elementele de listă sunt situate între etichetele ul de deschidere și de închidere, conținutul fiecăruia dintre acestea trebuie să fie situat la rândul său între etichetele li de deschidere și de închidere. Imediat, observ că eticheta ul este asociată (prezența unei etichete de deschidere și închidere), precum și bloc, adică formează un container care conține elemente (șiruri) care sunt formate de fiecare dată de eticheta li. În consecință, eticheta li este asociată și minusculă.

                          Mod implicit aspect markerul este reprezentat de un cerc umplut. Cu toate acestea, puteți schimba aspectul acestuia aplicând atributul type, care are următoarele valori: disc, cerc, pătrat. Valoarea discului (care determină aspectul marcatorului de cerc umplut) este implicită. Adică, dacă atributul type nu este specificat, atunci aspectul markerului va arăta ca un cerc umplut. Dacă adăugăm aceste atribute la eticheta ul, vom obține următoarele opțiuni:

                          Bineînțeles, fiecărui marker al unui element separat din lista cu marcatori i se poate da propriul aspect prin prescrierea valorilor corespunzătoare pentru atributul de tip.

                          Liste HTML numerotate - etichete ol și li

                          Acum să vedem cum se formează o listă numerotată folosind etichete ol (bloc și etichete asociate, asemănătoare cu ul). Eticheta li acționează și ca o etichetă care definește elementele listei html numerotate. O listă numerotată este o colecție de articole numerotate. Tipul de numerotare este determinat de atributul type, care poate lua următoarele valori:

                          • A - majuscule latine;
                          • a - litere latine minuscule;
                          • I - cifre romane majuscule;
                          • i - cifre romane minuscule;
                          • 1 - Cifre arabe

                          	1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată
                          1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată	1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată
                          1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată	1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată
                          1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată	1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată
                          1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată	1 articol dintr-o listă numerotată 2 element dintr-o listă numerotată 3 element dintr-o listă numerotată

                          De asemenea, puteți furniza o listă numerotată în care articolele sunt numerotate în ordine inversă, de exemplu: 3, 2, 1. Acest lucru se face folosind atributul de rezervă al etichetei ol.

                          De asemenea, este posibil să începeți o listă cu marcatori cu orice alt număr în loc de 1. Pentru a face acest lucru, puteți utiliza atributul start și nu contează deloc ce valoare a atributului de tip este setată. Vedeți un exemplu de utilizare a atributului nume împreună cu diferitele valori pentru atributul tip (1 și I):

                          Liste de definiție HTML - tag-uri dl, dd, dt

                          Un alt tip de liste html este o listă de definiții. Se formează după cum urmează. Conținutul acestei liste este inclus între etichetele dl de deschidere și de închidere care formează containerul. Eticheta dt definește un termen, iar dd este descrierea acelui termen.

                          După cum puteți vedea, conținutul etichetei dt, care este un termen, este deplasat spre stânga, iar conținutul etichetei dd, care este definiția acestui termen, este scris cu caractere italice. Toate acestea se realizează prin utilizarea diferitelor stiluri CSS, despre care vom vorbi cu siguranță în publicațiile viitoare.

                          Apropo, realitățile moderne sunt de așa natură încât limbaj html nu pot fi vizualizate izolat, așa că, pentru a nu rata aceste materiale esențiale, abonați-vă la actualizarea blogului prin flux RSS sau prin e-mail. Aceasta încheie subiectul articolului de astăzi, dacă ați primit informatie necesara, nu refuzați să utilizați butoanele de socializare.