Lista de numerotare în HTML. Listă marcată Numerele HTML - Lecții HTML

Listele numerotate sunt un set de elemente cu numerele de ordine. Vizualizarea și tipul de numerotare depinde de atributele etichetei

care este folosit pentru a crea o listă. Fiecare punct al listei numerotate este indicat de etichetă
1. Așa cum se arată mai jos.
   1. Primul punct
   2. Al doilea punct
   3. Al treilea punct

   Dacă nu specificați atribute suplimentare și pur și simplu scrieți o etichetă

   Se aplică lista implicită cu numere arabe (1, 2, 3, 3, ...), așa cum se arată în Exemplul 11.3.

   Exemplul 11.3. Crearea unei liste numerotate

   Lucrați cu timpul

   1. crearea punctualității (nu va întârzia niciodată);
   2. vindeca de la punctualitate (nu vă veți grăbi niciodată);
   3. schimbarea percepției și ceasului timpului.
   
   
   

   Rezultat acest exemplu prezentat în fig. 11.3.

   Smochin. 11.3. Vizualizarea unei liste numerotate

   Rețineți că se adaugă, de asemenea, vârfuri de liniuțe automate în lista numerotată, din partea de jos și din stânga textului.

   Următoarele valori pot acționa ca elemente de numerotare:

   • numere arabe (1, 2, 3, ...);
   • litere latine de capital (A, B, C, ...);
   • litere latine mici (A, B, C, ...);
   • Înregistrarea numerelor romane (I, II, III, ...);
   • numerele romane LCD (I, II, III, ...).

   Pentru a specifica tipul de listă numerotate, este aplicat atributul Tip TAG

   . Valorile sale posibile sunt date în tabel. 11.2.
   Masa. 11.2. Tipuri de listă numerotate

   Tipul de listă	Codul HTML.	Exemplu
   Numere arabe		1. Cheburashka. 2. Gena crocodilului 3. Shapoklyak.
   Scrisori de capital ale alfabetului latin		A. Cheburashka. B. Crocodile Gena. C. Shapoklyak.
   Literele latine ale alfabetului latin		a. Cheburashka. b. Crocodile Gena. c. Shapoklyak.
   Numerele romane în majuscule		I. CHEBURASHKA. II. Crocodile Gena. III. Shapoklyak.
   Numerele romane în registrul inferior		I. Cheburashka. II. Crocodile Gena. III. Shapoklyak.

   Pentru a începe o listă de la o anumită valoare, este utilizat atributul de etichetare START.

   . Nu contează ce tip de listă este instalat utilizând tipul, atributul de pornire este de lucru în mod egal cu numerele romane și arabe. În exemplul 11.4, crearea unei liste utilizând numerele romane în majuscule începând cu opt este prezentată.

   Exemplul 11.4. Lista de numerotare

   8. Regele Magnum XLIV.
   9. Regele Siegfried XVI.
   10. Regele Sigismund XXI.
   11. Regele Husbrandt I.
   
   
   

   Rezultatul acestui exemplu este prezentat în fig. 11.4.

   

   Smochin. 11.4. Lista numerotată cu numere romane

   ÎN limba HTML. Există două tipuri de liste: numerotate și ne-măsurate. Crearea lor este practic aceeași. Chiar etichetele diferă pe un singur caracter. De asemenea, puteți crea, care pot include atât numerotate, cât și marcatorul.

   Aceste liste pot fi convertite pe măsură ce vă place. Totul depinde de imaginația ta. În primul rând, luăm în considerare listele standard, la fel ca în cuvântul editorului.Și apoi le vom îmbunătăți și o vom face nerecunoscuți.

   Lista numerotată HTML.

   Numerul obișnuit poate fi creat folosind următoarele etichete:

   1. Lista de prima listă
   2. A doua listă a listei
   3. Lista a treia listă

   Listele simple arată așa

   Conform standardelor, fiecare element de listă trebuie să fie în interiorul etichetei de deschidere și închidere Li. Dar dacă nu puneți eticheta de închidere, atunci rezultatul va fi exact același. Manipulatorul este foarte inteligent. În timpul conversiei listei, analizează etichetele de deschidere. Dacă vede un nou

   4. , apoi pune în mod automat în fața lui
   .

   Astfel, listele se pot face după cum se arată mai jos.

   

   Dar din punctul de vedere al profesioniștilor este incorect.

   

   Listele non-dimensionale (sau marker) sunt create în același mod, numai în loc de eticheta OL, UL este scrisă.

   Fără numere sau litere - numai diverse simboluricare sunt numite markeri.

   

   Lista HTML numită multi-nivel

   Mulți utilizatori sunt interesați de o astfel de oportunitate. Prin urmare, trebuie remarcat faptul că orice listă numerotată HTML poate fi făcută multi-nivel. Nivelurile suplimentare pot fi aceleași sau marcate.

   

   Pentru a crea o listă specificată în exemplul de mai sus, trebuie să scrieți următoarele.

   

   Rețineți că în acest cod, spre deosebire de primele exemple, a fost adăugat atributul de tip. Datorită lui, puteți specifica tipul de sortare atât pentru listele numerotate cât și pentru marcator.

   Pentru numere, indicăm alfabetul sau tipul de numere și pentru alte cazuri - tipul de marker.

   Dacă utilizați o etichetă HTML specială, o listă numerotată poate fi oricare cum doriți.

   Puteți specifica atributul de tip cu orice valoare din tabel. Sau în clasa stil CSS, specificați tipul de stil de listă cu tipul de sortare dorit.

   

   Transferul valorilor este destul de simplu. Cunoștințe suficiente de bază din limba engleză. Dar chiar dacă nu puteți traduce cuvintele "cerc", "pătrat" \u200b\u200betc., atunci puteți înțelege vizual ceea ce rezultatul va fi atunci când specificați aceste valori în atributul de tip.

   Pentru listele numerotate, trebuie să utilizați următoarele opțiuni:

   • 1 - figuri arabe;
   • O capitală;
   • a - litere latine mici;
   • I - Numerele romane;
   • i - numere romane mici.

   În mod implicit, lista este utilizată întotdeauna, dacă nu ați specificat nimic, este echivalent cu tipul \u003d "1".

   În plus, listele numerotate pot fi pornite din orice poziție dorită. Implicit, ieșirea de la 1. Dar dacă doriți, puteți începe cel puțin de la o sută. Pentru a face acest lucru, specificați atributul de pornire cu orice valoare.

   

   În plus, se poate încheia în ordinea inversă. Pentru a face acest lucru, scrieți-l.

   

   Înregistrarea listelor

   Lista HTML numerotată poate fi făcută atât de frumoasă încât nu este posibilă ghicirea că aceasta este lista obișnuită și nu imaginea făcută în Photoshop.

   Iată exemple de liste frumoase.

   

   După cum se poate vedea din exemplu, puteți schimba aspect Numerotarea și elementele ele însele.

   Creați o listă obișnuită poate fi așa.

   

   În stilurile CSS, trebuie să specificați designul pentru tag-uri OL. Rețineți că, în acest caz, setările vor fi aplicate tuturor listelor întregului site unde se utilizează acest fișier de stil.

   

   Luați în considerare mai întâi opțiunea cu un design rotund al listei. Reveniți la codul listei. Clasa rotunjită este specificată. Asta e cu această clasă de care aveți nevoie pentru a face o astfel de frumusețe. Puteți apela clasa așa cum doriți.

   

   

   

   Acum luați în considerare designul pătrat.

   

   Stilurile sunt foarte asemănătoare. Diferența este că, în primul caz, este rotunjit elementul prin capabilitățile CSS.

   GAG profesional ar trebui să prevadă și să înțeleagă că nu toți utilizatorii utilizează calculatoare moderne. Nu toată lumea are Windows 7, 8, 10. Există un procent din utilizatorii care încă se află pe Windows XP și folosesc versiuni vechi. motor de cautare Explorator.

   De regulă, aproape toate îmbunătățirile moderne ale elementelor nu sunt acceptate. Acesta va părea utilizatorului că designul site-ului nu a lucrat deloc. Că totul a ieșit. Elementele se rostogolesc unul pe celălalt. Pentru a evita acest lucru, trebuie să calculați toate opțiunile.

   Unii webmasteri își închid ochii asupra lor, deoarece cota lor pe piața modernă devine din ce în ce mai mică. Dar pentru profesioniști, fiecare vizitator este important, mai ales dacă acesta este un site comercial.

   Faceți ceva potrivit pentru toată lumea sau luați în considerare toate opțiunile de browser.

   Singura diferență este că această etichetă este strict făcută pentru a număra listele. Titlul etichetei a venit din reducerea în limba engleză "Lista comandată" - o listă numerotată.

   Eticheta de sintaxă

   1. Element # 1.
   2. Element # 2.
   3. Element # 3.
   4. ...

   În cazul în care atributul tip \u003d "valoare" poate lua următoarele valori

   • A - Specifică markerii sub formă de litere latine de capital (A, B, C.);
   • a - setează marcajele sub formă de litere latine mici (A, B, C.);
   • I - stabilește marcaje sub formă de numere romane mari (I, II, III, IV ..);
   • i - stabilește marcajele sub formă de numere romane mici (I, II, III, IV ..);
   • 1 (în mod implicit) - setează marcatorii sub formă de numere arabe (1, 2, 3 ..);

   Atributul START \u003d "Valoare" stabilește valoarea inițială (valoarea inițială) a raportului.

   Atributul inversat stabilește contul de returnare (dacă este necesar).

   Etichetă

   necesită utilizarea obligatorie a unei etichete de închidere

   Pentru formarea elementului de listă, se utilizează o etichetă de perechi

   1. . Există cuvinte separate, fraze, paragrafe, imagini, bucăți de cod și multe altele, care sunt conținutul listei marcate, sunt situate între etichetele de deschidere și închidere.

      Notă

      În interiorul listei este posibil să vă schimbați contul la dvs. Pentru a face acest lucru, există o valoare atribute specială \u003d "" eticheta

   2. care i se atribuie o valoare numerică. de exemplu

      1. Element # 1.
      10. Element # 2.
      11. Element # 3.

      Exemple cu liste numerotate în HTML (

      )

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

      Exemplu S. litere mari

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Exemplu cu litere stricte

      1. Element # 10.
      2. Element # 11.
      3. Element # 12.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Exemplul 2. Lista HTML numerizată sub formă de litere romane

      Exemplu cu majuscule

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Exemplu cu litere stricte

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Exemplul 3. Numered HTML List Diverse Poziția de pornire

      Un exemplu care arată caracteristicile atributului Start care vă permite să setați valoarea de pornire a contorului.

      50. Element # 1.
      51. Element # 2.
      52. Element # 3.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.

      Exemplul 4. Modificați numărarea în numere HTML

      Mai jos este un exemplu cu capacitatea de a schimba valorile contorului utilizând atributul valoric atunci când afișați elemente noi în etichete

   3. .

      10. Element # 1.
      11. Element # 2.
      100. Element # 3.
      101. Element # 4.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.
      4. Element # 4.

      Exemplul 5. Lista numărătoare reversibilă în HTML

      Următorul este un exemplu al unei liste numerotate inversă (cont în ordinea inversă).

      10. Element # 1.
      11. Element # 2.
      12. Element # 3.
      13. Element # 4.

      Acesta este modul în care arată pe pagină:

      1. Element # 1.
      2. Element # 2.
      3. Element # 3.
      4. Element # 4.

      Listele reprezintă o componentă importantă a conținutului, deoarece ajută la eficientizarea informațiilor. Textul pe listele este mai bine perceput și mai ușor de reținut.

      Cel mai simplu - înainte de fiecare element este un marker - un cerc, un pătrat sau un cerc. Secvența de elemente din lista marcată nu este importantă.

      Pentru ao crea, trebuie să utilizați doar două etichete:

      și
      • .
        - Acesta este un container care conține o listă a cărei elemente sunt stabilite de etichetă.
        • .
          • O piatra
          • Foarfece
          • Hârtie
          
          
          

          În mod implicit, un cerc negru este utilizat ca marker listă ( dISC.). Adăugând la etichetă

          atribut tip și atribuirea valorii corespunzătoare, markerul poate fi schimbat în cerc ( cerc.) sau pătrat negru ( pătrat.).

          Acesta diferă de marcat cu faptul că ordinea elementelor este importantă în ea și, prin urmare, în loc de marcator, sunt utilizate aici numerele sau literele în mod constant. Nu aveți nevoie să aveți grijă de comanda din listă: browserul are această sarcină. Dacă modificați lista (ștergeți sau adăugați un element, încălcând comanda), browserul îl recalculează și afișează corect.

          Etichete utilizate pentru a crea liste numerotate

          și
          1. . Container.
             determină începutul și sfârșitul listei, etichetă
             1. Specifică începutul și sfârșitul elementului său - totul este ca în lista marcată, numai
                Inlocuit de
                .
                1. O piatra
                2. Foarfece
                3. Hârtie
                
                
                

                

                Deoarece cu listele numerotate nu este întotdeauna atât de simplu pentru etichetă

                A creat următoarele atribute (Rețineți: lista numerotată este prezentată mai jos):

                1. tip. Acest atribut vă permite să numerotați o listă nu numai de arabă, ci și numerele romane sau literele latine ale unui alt registru. tip Suportă valorile 1 (implicit), a, a, i, i (încercați să experimentați cu ei singură).

                2. start.. Nu întotdeauna numerotarea ar trebui să înceapă cu o unitate. Acest atribut vă permite să setați valoarea inițială - numărul primului element al listei. Se poate specifica că raportul începe, de exemplu, cu numărul 100 sau litera K.

                3. inversat.. Dacă lista nu trebuie să treacă de la 1 la 10 și de la 10 la 1, atunci trebuie să utilizați acest atribut. Dacă este specificat, numerotarea va fi efectuată în ordinea inversă.

                Pentru a seta un număr de număr arbitrar în mijlocul listei, trebuie să utilizați în etichetă

                1. atribut :

                2. Patruzeci și cinci elemente după treizeci de opt

                Prin schimbarea numărului unui element în mijlocul listei, schimbați numerotarea tuturor elementelor care urmează) - raportul va începe cu valoarea în atributul valoric. De exemplu, dacă ați atribuit elementul 3 35, atunci elementele care urmează vor avea numerele nu 19, 20, 21 și 36, 37, 38.

                Lista definițiilor

                Nu este un tip de listă bine-cunoscută așa cum s-a discutat mai sus. Constă în termeni și definițiile acestora. Creat cu ajutorul etichetelor:

                - Container care conține o listă.

                - Etichetă terminală.

                - Etichetă de definiție.

                Domeniul de aplicare al listelor de definiții - glosar, cărți de referință, teste, dicționare și alte senzații de tip "termen - explicație".

                Iată un exemplu al unei liste de definiții:

                Descriptor

                Unitatea principală a limbajului de marcare cunoscut ca fiind "eticheta".

                Atribut

                Etichetați proprietatea care îi dă caracteristici suplimentare Design de text.

                Eticheta

                Etichetă unică care nu trebuie să se închidă.

                
                
                

                

                Lista constând din listele atașate între ele. Poate include liste de diferite tipuri. Complexitatea creației este de a respecta etichetele corecte de cuibărit, deoarece într-o structură multi-nivel este ușor de confundat.

                Iată un exemplu de listă multi-nivel:

                Limbile de programare sunt împărțite în:

                • Structural
                1. Pascal.
                2. Oberon.
                1. Depozit de vechituri.
                • Obiect orientat spre obiect
                1. Java.
                • Funcţional
                1. Lisp.
                2. Piton

                
                
                

                În limba de marcaj HTML, sunt distinse 3 tipuri de liste - comandate (numerotate), dezordonate (ne-măsurate) și liste de listă (listă de definiție).

                Pentru a construi o astfel de listă, aveți nevoie de 2 tipuri de articole: "UL" (abreviere din lista neordonată, adică lista dezordonată) și "Li" (element de listă). Tot ce este scris în interiorul "Li" este marker.

                Aspectul unei astfel de liste poate fi controlat prin stabilirea tipurilor de markeri.

                Tipuri de markeri

                Există un atribut de tip special care este plasat în ambele elemente ale listei. Acesta este tipul markerului tău. Total 3 tipuri: cerc, disc și pătrat:

                - Piața
                - disc
                - Cercul

                În funcție de locul unde specificați tipul de marker, îl puteți schimba din întreaga listă sau de la un anumit element.

                Lista numerizată (listă comandată)

                Pentru a construi o listă, aveți nevoie și de 2 elemente: "OL" și "Li" (element de listă). Marcatorii sunt înlocuiți cu numere cu un punct. Un exemplu de listă simplă:

                1. Primul element
                2. al doilea element
                3. Ultimul element

                Aspectul unei liste comandate poate fi controlată prin setare tipuri diferite Numerotare.

                Tipurile de numerotare

                Există un atribut de tip special care este instalat în elementul "OL" sau "LI. Acesta este tipul listei dvs. Total 5 tipuri:

                - Numerele numerelor arabe (1, 2, 3)
                - numerotarea cu majuscule (A, B, C)
                - numerotarea cu litere mici (a, b, c)
                - numerotarea de numere romane mari (I, II, III)
                - Numerotarea cu numere romane mici (I, II, III)
                - Cu ce \u200b\u200bcifră să înceapă numerotarea

                În funcție de locul unde specificați tipul de numerotare, îl puteți schimba din întreaga listă sau într-un anumit element.

                Lista de definiție

                Lista definițiilor a fost concepută pentru articole Word.

                Există un container general "dl". În interior este "dt" (definitie definitivă) și "DD" (Descriere Descriere). Cel mai simplu exemplu:

                Departamentul de marketing

                Acest departament este angajat în promovarea bunurilor și serviciilor.

                Departament financiar

                Acest departament este angajat în toate tranzacțiile financiare.

                Toate elementele tuturor listelor sunt blocate. Dar în interiorul elementului "DT", pot fi setate numai elemente mici. În elementele "DD" și "Li" puteți pune ceva. De aici sunt liste imbricate.

                Imbricate (liste mixte)

                Acestea sunt liste multi-nivel, în interiorul care au ierarhie. Adesea, astfel de liste sunt utilizate la construirea unei hărți a site-ului. Exemplu:

                Lista mixtă

                Știri ale zilei

                Astăzi ploaia.

                Ploaia va merge toată ziua

                Știri de noapte

                Noaptea va ploua

                Mâine va începe o nouă zi