Cum se puneți pe lista listei pe orizontală? Exemple de design elegant UL Li Li liste CSS se potrivește cu eticheta HTML care descrie OL.

Vom continua conversațiile noastre despre începutul HTML. În acest articol vreau să vorbesc despre cum să creez paragrafe, liste și titluri în text. Precum și despre etichetele solitare
și

Vă sfătuiește cu tărie să vă familiarizați cu prima lecție din această serie, precum și cu articolul introductiv despre începutul studiului HTML pe cei care nu s-au familiarizat încă cu ei.

Acum vom continua să studiem etichetele. Voi presupune că cititorul a fost deja familiarizat cu materialul articolelor de mai sus.

Ca întotdeauna, planul de lucru:

1. Paragrafe
2. Raportul RSP.
   
3. Listele și listele
4. Titluri
5. Reguli orizontale

   ---

Paragrafe

Textul aproape întotdeauna constă în paragrafe. Paragraful este elementul textului care efectuează un gând complet.

În paragraful HTML, modul în care poate fi judecat din antet, este indicat. Scrisoarea "P" este luată din cuvântul "paragraf", care este "paragraful" indică "paragraful".

Luați în considerare un exemplu:

Textul primului paragraf. Conține gândire. Dar gândul sa încheiat.

Acum celălalt gând a început deja și îl scriem într-un alt paragraf.

După cum se poate observa, utilizarea paragrafelor este foarte simplă și nu necesită comentarii speciale. Dacă vă uitați la acest cod în browser, vom vedea două linii între care există un șir gol. În textele rusești, paragraful este luat pentru a separa un șir gol, ci deplasarea primei linii spre dreapta. Dar pe Internet, este adesea folosit exact o astfel de formatare, deci o lasă adesea în textele vorbitoare de limbă rusă. Cu toate acestea, dacă un astfel de comportament nu se potrivește, acesta poate fi modificat folosind CSS.

Raportul RSP.

Uneori este necesar să traduceți șirul fără a se termina cu gândul fără a închide paragraful. Asta este, du-te la un șir nou. Există o singură etichetă pentru acest lucru.
. Iată un exemplu de aplicare a acesteia:

Vântul este distractiv plimbare

Și barca este personalizată

El se învârte în valuri
Pe vele ridicate.

Această poezie fragmetă a.S. Pușkin ne-a ajutat să ilustrem acțiunea etichetei
. I în special în ultimele două linii din acest quatrain postat într-o singură linie a codului pentru a arăta că liniile sunt transferate la noua linie nu pentru că am pus transferul de linii și pentru că am pus etichete
. Această etichetă este complet simplă și nu are nevoie de explicații detaliate, așa că vom termina discutarea acestuia.

Listele

și elemente ale listelor

Uneori în textul trebuie să listați ceva. În acest scop, se utilizează trei etichete: UL, OL, Li. Toate aceste etichete de containere, dar eticheta este întotdeauna conținută într-unul din recipiente sau, și nu are sens în afara lor. Containerul UL se aplică atunci când nu suntem importanți pentru ordinea pozițiilor enumerate și nu vrem să ne concentrăm asupra ordinului în care merg. Și tag-ul OL, dimpotrivă, se concentrează pe secvența elementelor, amortizând automat fiecare linie. Luați în considerare un exemplu:

• În vrac


• Plăcintă


• Pâine


• Plăcintă

În ecranul browserului, acest cod va arăta astfel:

• În vrac
• Plăcintă
• Pâine
• Plăcintă

Dacă înlocuim pur și simplu eticheta UL pe eticheta OL, atunci primim o listă numerotată:

1. În vrac


2. Plăcintă


3. Pâine


4. Plăcintă

Acum se pare că:

1. În vrac
2. Plăcintă
3. Pâine
4. Plăcintă

Nimeni nu interzice să investească o listă la alta, formând înregistrări imbricate cu măgari:

Instrumente:

• A văzut


• Șurubelnițe
  
  
  
  1. Drept
  
  
  2. Traversa
  
  
  
  


• Burghiu

Este necesar să experimentați puțin cu aceste liste pentru a le învăța. Există un alt fel de liste, dar este rar aplicat, așa că nu voi spune acum despre asta. Poate într-un alt articol.

Desigur, ca orice altceva, apariția acestor elemente poate fi schimbată dincolo de recunoaștere folosind CSS.

Titluri

Desigur, paragrafele ajută la structurarea documentelor. Dar, pentru a sparge un text mare la părțile logice mai mici, puteți avea dreptul la fiecare dintre ele. Fiecare parte poate conține chiar sacrificarea, cu antetele de nivel inferior și așa mai departe. Pentru a sarcina antetului, servesc etichete În cazul în care "x" este un număr de la 1 la 6. Antetul este nivelul inferior, cu atât este mai mare numărul. Adică, titlul celui mai înalt nivel va fi numit H1 și cel mai mic - H6. În mod implicit, textul situat în aceste titluri este afișat cu un font mare cu incitemente. Acest text este afișat pe întregul șir, adică etichetele HX sunt blocuri. TAG H1 este cel mai mare font, iar eticheta H6 este cea mai mică. De regulă, pe prima pagină, maximum două etichete ale nivelului superior H1. Cu o scădere a nivelului, numărul de etichete crește. Dar rareori, deoarece un webmaster poate rupe textul astfel încât să aibă nevoie de titluri de 5 sau 6 nivele. Chiar și nivelul al IV-lea este rar aplicat.

Vorbește mai puțin, lucrați mai mult!

Element

(Din engleză. "Listă neordonată" - "Listă dezordonată") Creează o listă marcată (dezordonată). Ca regulă, element
Acesta este utilizat pentru a crea astfel de liste, în cazul în care modificarea ordinului elementelor acestei liste nu modifică semnificativ semnificația listei.

Etichetă

Se referă la blocarea elementelor, așa că va ocupa toată lățimea accesibilă și dimensiunea înălțimii va depinde de cantitatea de conținut.

Punctele pentru listele numerotate sunt determinate utilizând eticheta

• care, în plus față de text, pot include și alte elemente HTML (liste, imagini, titluri, paragrafe etc.). În mod implicit, listele marcate sunt afișate pe o pagină web sub forma unei liste începând cu un mic cerc negru. Browsere Când afișați elementele din listă, se adaugă o mică liniuță din partea stângă.

  Notă:Dacă K.

  Proprietatea CSS se aplică, apoi elemente
  • Moșteniți aceste proprietăți.

    Bacsis:Pentru a schimba tipul markerului, utilizați proprietatea tipului de stil CSS sau proprietatea imaginii în stil list, permițându-vă să înlocuiți markerii pe imagini. Utilizați eticheta pentru a crea liste numerotate

    .

    Sintaxă

    ...
    • ...
    ...

    Tag-ul de închidere

    Obligatoriu.

    Atributes.

    Compact reținut în HTML5 reduce indicii și distanțe între rânduri. Introduceți HTML5 stabilește vizualizarea markerului listei.

    Pentru acest articol este disponibil atribute globale și evenimente.

    Stylizarea în mod implicit

    Cele mai multe browsere vor afișa un element

    Cu următoarele valori CSS implicit:

    Ul (afișaj: bloc; stil-stil-tip: disc, margine-top: 1em; margine-fund: 1 em; margine-stânga: 0; margine-dreapta: 0; Padding-stânga: 40px;)

    Diferențele dintre HTML 4.01 și HTML5

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

    Exemplu de utilizare:

    Lista HTML neordonată:

    Exemplu HTML:

    Incearca-l tu insuti
    • Cafea
    • Ceai
    • Cacao

    Specificații

    Specificație	stare
    Whatwg HTML Living Standard (whatwg)	Standard live.
    HTML 4.01 (W3C)	Recomandare
    HTML5 (W3C)	Recomandare
    HTML 5.1 (W3C)	Recomandare

    Sprijiniți browserele

    Încercați-vă - exemple

    Cum de a face lista începe cu un număr diferit de la 1.

    Listele sunt numerotate și non-numerotate.

    Listele numerotate sunt afișate de cod:

    Lista cu numerele
    1. paragraful 1
    2. punctul 2.
    3. punctul 3.

    Listele nu numerotate sunt afișate de cod:

    Lista cu marcaje sau alte simboluri
    • paragraful 1
    • paragraful 1
    • paragraful 1

    Fiecare element din orice listă se află în etichetă Li. Toate elementele din listă sunt încheiate într-o etichetă UL comună sau OL. Stilurile acestor etichete sunt prescrise în foaia de stil.

    Pentru fiecare etichetă a atribuit anumite stiluri de design. Ele indică indicatoare din text.

    Pentru o listă numerotată, stilurile de numerotare sunt prescrise pentru fiecare element.

    Numerele arabe standard sunt descrise de valoarea zecimală.

    tipul stilului de stil: zecimal; / * Cifre arabe * /

    Pentru lista marcată, este indicat stilul de caractere - pătrate sau cercuri.

    tipul stilului de stil: Cercul; / * Cani * /
    Tipul stilului de stil: Pătrat; / * Pătrate * /

    Fiecare element de meniu poate fi atribuit o imagine.

    lista-stil-imagine: URL ("calea către imagine");

    De obicei, în șabloane, lista numerotată este compusă cu numere simple și nu numerotate - pătrate negre și cercuri. Este plictisitor și inexprimat. Să o rezolvăm.
    

    Unde sunt stilurile listelor scrise în șablon douăzeci unsprezece?

    Deschideți fișierul stil stil.css. Găsiți o secțiune intitulată / * elemente de text * /

    Codul standard arată astfel:

    Cum de a aranja o listă numerotată?

    Listă numerotată folosind fundal

    Uită-te la designul drăguț al unei liste numerotate.

    Ca? Să repetăm.

    Găsiți stiluri pentru tag-ul OL. Împingeți proprietăți noi.

    Ol (padding: 0px 0 0 20px; Marginea: 0.5EM 0 1.571EM 1.9EM; Culoare: # 2E2E2E; Stil-stil: Nici unul; Font: 15px / 17px Verdana, Arial, Helvetica, Sans-Serif; Z-Index : 2; contra-resetare: punct;) OL Li (margine-fund: 4px; înălțime de linie: 1,6; Culoare: # 2e2e2e; poziție: rudă;) OL Li: înainte (margine-fund: 4px; contra-increment: Punctul 1; înălțimea liniei: 1.6; înălțime: 24px; margine-stânga: -36px; stânga: 0px; lățime: 24px; margine-top: 1px; fundal: # BDC3C7; Contect (punct); Text-align: Centru; poziție: absolut; greutate font: bold;)

    Pentru a înțelege unde trebuie să vă schimbați sub designul dvs., să analizăm acest cod pe rafturi.

    tipul stilului de stil: Nici unul; - Dezactivează ieșirea de cifre standard
    Contra-resetare: punct; - Specifică variabila pentru contorul de numerotare
    Poziție: rudă; - plasează numerotarea în apropierea elementelor în sine

    Înainte - Pseudo-element pentru eticheta OL Li. Are următoarele stiluri:
    Conținut: contra (punct); - Afișează valoarea variabilei
    Contra-increment: punctul 1; - mărește contorul de 1
    Poziție: absolută;
    Fundal: # BDC3C7; - fundal pentru numere (fundal poate fi setat de culoare sau pictogramă frumoasă
    Marja - Indicații externe
    Padding - Indenturi interne
    Culoare - Element de culoare text
    Fundal - fundal.
    Alinierea textului - alinierea textului
    Greutate font - Grosime (saturație) a fontului

    În stilurile dvs. puteți specifica orice culoare, aliniere, dimensiune font și indentare.

    Lista numerotată cu o imagine unică pentru fiecare element

    Pe un singur loc de sex feminin există liste numerotate foarte atractive.

    Cum se implementează? Să ne uităm la următorul cod:

    / * Primul număr * / OL Li: Primul-copil (imaginea în stil list: adresa URL (calea către imagine cu cifra 1);) / * al doilea număr * / OL Li: NTH-COPIL (2N) (stil de listă - Imagine: URL (calea către imagine cu cifra 2);) / * al treilea număr * / OL Li: NTH-COPIL (3N) (imaginea stilului de listă: URL (calea către imagine cu cifra 3);) / * Al patrulea număr * / OL Li: NTH-COPIL (4N) (Imagine în stil de listă: URL (calea către imagine cu cifra 4);) / * Apoi, prescriem exact numai pentru următoarele puncte de puncte * /

    În codul unei astfel de liste numerotate, trebuie să enumerați toate punctele elementelor și pentru fiecare dintre ele să atribuie o pictogramă unică.

    Dacă utilizați până la 20 de articole numerotate în articolele din articole, atunci trebuie să înregistrați clasa Pseudo de 20 de ori pe Child (A). Astfel încât acesta din urmă în stiluri a fost un copil Pseudo-Class Nth (20N).

    Găsiți stilurile de cusături din fișierul stilurilor care descriu designul listei numerotate (etichete OL Li).

    Extrageți primul copil Pseudo-copil. Copiați și lipiți-o o dată, apoi modificați această proprietate la Nth-Copil (AN) și copiați cât mai mult ca numerele ar trebui să aibă pictograma dvs. Elemente de alunecare.

    Pentru fiecare număr, suge proprietatea imaginii în stil în stil cu propria pictogramă unică.

    Dacă pictogramele de pe site sunt situate departe de elemente sau suprapuse pe ele, trebuie să editați alinierea și indentarea pictogramelor digitale sau punctelor de text.
    

    Cum de a aranja o listă marcată (ne-măsurată)?

    Ecran Li Li LI cu pictograme alternante

    Mi-a plăcut foarte mult o astfel de listă marcată

    Ul (padding: 11px 0 5px 0;) UL Li (padding-stânga: 32px; margine-fund: 10px; font: normal 15px Verdana, Sans-serio; Culoare: # 2E2E2E; line-înălțime: 1.6; Border-Bottom: 1px sparte #CCC; Padding-Bottom: 10px;) UL Li: înainte: absolută; lățime: 27px; înălțime: 24px; margine-stânga: -35px; margine-top: -2px; fundal: URL ("Imagini / Sprite. jpg ") 0px 2px no-repetare; stil-stil de stil: cerc;) UL Li: NTH-COPIL (2N): Înainte: Absolut; Lățime: 27px; Înălțime: 43px; Margin-stânga: -35px; Margin-top : -2px; fundal: URL ("imagini / sprite.jpg") 0px -17px No-Repeat; List-stil-tip: cerc;)

    Puteți, în loc de stilul standard al listei-stil, atribuiți "calea către pictograma" Proprietate - imaginea stilului de listă: URL. Dar atunci trebuie să înregistrați o liniuță stângă externă de pe crampele site-ului - fără ea, pictogramele nu vor fi afișate, vor depăși zona zonei de conținut.

    O indentare poate fi atribuită experimentului:

    Ul Li (imagini / radio.png); margine-stânga: 30px;)

    Alternarea pictogramelor poate fi stabilită de proprietatea NTH-COPIL (AN). Exemplul utilizează elementul Pseudo-element înainte.

    Codul este înregistrat un copil Pseudo-Class NTH (2N). Valoarea sa - 2. Se pare că un alt ID este conform cu un alt element. Dacă în loc de 2N scrie 2N + 1, atunci cealaltă pictogramă va trebui să realizeze elemente ciudate.

    Pentru fiecare listă de listă, puteți seta sublinierea inferioară. În exemplul de mai sus, elementele sunt accentuate de punctate.

    De asemenea, fiecare element poate atribui un cadru, fundal, icoane. Doar nu, nu permanent. Sarcina noastră - să nu lipici toată lumea, am împins designul și să îmbunătățim calitatea percepției conținutului.
    

    Cum se afișează câteva liste cu diferite modele pe pagină?

    Uneori trebuie să plasați mai multe liste cu diferite stiluri.

    Dacă atribuiți stiluri comune, atunci același design va fi atribuit tuturor listelor. Pot fi afișate diferite liste dacă atribuiți o etichetă OL sau UL un ID separat și scrieți-l în modul de editare a articolului HTML. Ei bine, în fișierul de stil pentru acest ID trebuie să înregistrați stiluri individuale.

    Aici, de exemplu, o opțiune destul de design:

    În HTML înregistrați lista astfel:

    Conţinut
    1. paragraful 1
    2. punctul 2.
    3. punctul 3.

    În CSS vă suge stiluri de genul acesta:

    OL # Sodding (padding: 0px 20px 10px 51px; margine: 0.5EM 0 0 0Eem 1em; Culoare: # 2e2e2e; Nimic; fundal: # F1F4F5; Front-stânga: # BDC3C7 4PX solid; Afișaj: Inline - bloc;) ol # Sod Li () OL # SOD Li: înainte (greutate font: normal! IMPORTANT)

    Noul stil este diferit de designul principal al etichetei OL: fundal, stil de afișare, linie în partea stângă a conținutului.

    Folosind în text există mai multe liste diferite de liste, veți face informații chiar mai interesante. Când vă lăsați orice elemente, puteți seta unele pictograme și când transferați acțiuni - altele. Aici designul este limitat numai la fantezia ta.

    Aceste metode sunt aplicabile și în proiectarea elementelor de meniu, rubricii și a oricăror alte elemente ale site-ului.
    

    Cum se creează un link-uri de armătură în lista de conținut?

    Cum să le înregistrați în codul HTML? O bucată de cod încadrată o legătură de ancorare și o altă bucată de cod este setată lângă locul în care trebuie să transferăm când faceți clic pe link.

    Conţinut
    1. Titlul 1.
    2. Titlul 2.
    3. Titlul 3.

    Și în textul articolului trebuie să scrieți astfel:

    Titlul 1 ... Titlul 2 Titlul 3 ...

    Poate că webmasterii mai experimentați mă vor corecta. Doar sfătuiesc ce am încercat în practică.

    Dacă aveți întrebări la stânga, mă bucur să le văd în comentarii.

    Gev veronica.

    Poate că veți fi, de asemenea, interesați de:

    Bună ziua, Stimate site-ul de cititoare blog. Astăzi, în cadrul acestei categorii, vreau să vorbesc despre o varietate de liste HTML care pot fi create pe baza etichetelor UL, OL, Li și DL special concepute. Folosind perechea UL și Li, listele etichetate sunt create folosind OL și Li - numerotate și cu ajutorul elementelor DL, DT și DD, se creează așa-numitele liste de definiție. De asemenea, luăm în considerare principiile scurte pentru crearea structurilor imbricate.

    Vreau să vă reamintesc că deja am reușit, am reușit să vorbim despre elementele de bază ale tabelelor moderne, precum și layouts (). În plus, am atins fundamentele, bine am învățat.

    Liste marcate pe baza etichetelor UL și Li

    Eticheta UL este utilizată pentru a crea liste de etichete și pentru a crea numerotate - OL. Aceste etichete sunt pereche și bloc, la fel ca elementul Li.

    Elementele de listă separate sunt situate între eticheta de deschidere și închidere, care, la rândul său, constă în elementul de deschidere și închidere Li. De la deasupra și din partea de jos a listelor HTML, browserul adaugă liniuțe la o singură linie, similar cu retragerile create de tag-ul paragraf.

    Să vedem, de exemplu, o versiune marcată care ar putea arăta astfel:

    • Prima linie
    • Al doilea
    • Ultimul element

    În interiorul etichetelor de deschidere și închidere, UL, numai elementele Li pot fi instalate și orice conținut (text, imagini, antete, paragrafe, link-uri și chiar alte liste pot fi introduse în interiorul acestor elemente.

    Acestea. UL servește numai pentru organizarea unei liste marcate (neautorizate) și tot ceea ce veți vedea pe pagina web din interiorul acestuia este implementat utilizând conținutul elementelor Li.

    Pentru UL, puteți schimba vizualizarea markerului, prescriu valori diferite în acesta pentru atributul "Type". Dacă "Tipul" (gestionarea aspectului markerilor) pentru elementul UL nu este specificat, va fi afișată vizualizarea implicită a markerului (disc - vopsită în culoarea textului cercului):

    1. - crema de cerc (implicit);
       • - Cerc pictat;
         • - Piața

    În exemple, atributul de tip, am fost prescrise în elementul UL, folosind acest tip de markeri pentru toate elementele. Dar atributul "Type" poate fi prescris pentru fiecare etichetă Li individuală, setând propriul tip de marker pentru acest element.

    Un exemplu de listă marcată cu diferite tipuri de marker pentru fiecare element:

    

    1. Marker de disc
    2. Marcator sub forma unui disc nu pictat
    3. Pătrat

    Liste numeroase în HTML bazate pe eticheta OL

    Pentru a crea o listă numerotată, sunt folosite etichete OL, în interiorul căruia elementele Li vor fi localizate din nou. OL și Li, așa cum am menționat deja, sunt blocuri (adică, încercând să ia tot locul disponibil în lățime) și în interiorul OL nu va fi plasat altceva decât elementele Li.

    Se pare că OL și UL sunt etichete de service care sunt necesare doar pentru a indica browserul, care tip de listă formăm (etichetat sau numerotat). În cazul unui nume numerotat - în partea stângă a fiecărui articol, nu vom vedea un marker, ci punctul și punctul din spatele acesteia:

    

    1. Prima linie
    2. Al doilea punct
    3. Al treilea șir

    După cum am menționat deja un pic mai mare, elementele lui UL, OL și Li au capacitatea de a utiliza atributul de tip. Acesta vă permite să configurați tipul de marker sau set, ce numere sau litere vor fi numerotate elemente de listă. Pentru o listă numerotată, parametrii acestui atribut pot primi următoarele valori:

    1. - Numerotarea va fi efectuată prin numerele arabe convenționale (aceeași opțiune va fi utilizată în mod implicit, dacă nu există un atribut "de tip");
       1. - scrisori majuscule ca numerotare;
          1. - litere mici;
             1. - cifre romane;
                1. - numerele romane mici;

                   Un exemplu de listă numerotată cu diferite tipuri de numerotare pentru fiecare element:

                   

                   1. cu numerotarea de numerele romane mari
                   2. Numerotarea cu litere latine mici
                   3. Numerotarea romană mică

                   La crearea listelor numerotate, are, de asemenea, capacitatea de a începe numerotarea de la o unitate, dar de la numărul specificat în atributul atributului. De exemplu:

                   1. Primul element al cărui număr este setat în atributul OL Tag Start \u003d "23"
                   2. Următorul element, cu un număr pe unitate mare
                   3. Altul

                   Pentru OL, puteți începe, de asemenea, o nouă numerotare de la orice valoare, pornind de la orice element, vorbind în atributul valoric la elementul Li de deschidere cu numărul dorit. De exemplu:

                   1. Primul punct cu numărul unu
                   2. Acest element va primi numărul specificat în atributul valoric \u003d "32"
                   3. Punct cu un număr mare

                   Înregistrarea apariției listelor în CSS (mese de stil)

                   Dar, de regulă, acum apariția markerilor nu este dată prin atributul de tip, ci pentru care sunt prescrise proprietățile corespunzătoare.

                   Aici voi da pur și simplu un exemplu de markeri diferiți pentru liste non-numerotate, aspectul căruia este setat printr-un fișier separat cu mese de stil cascadă.

                   • Primul punct
                   • Al doilea
                   • Ultimul

                   Dar despre vorbim în articolele ulterioare. În acest fel, apariția markerilor pentru UL pe acest blog este stabilită. Imaginile sunt folosite ca markeri: pentru articole obișnuite din lista nemetrier -, pentru articole imbricate de ne-măsurate -.

                   Liste speciale și subfice în codul HTML

                   A treia și ultima viziune se numește "liste de definiție" și sunt setate folosind trei etichete - dl, dt și dd. DL raportează browserul, care va urma lista definițiilor.

                   De obicei, acest tip este folosit (bine sau sa presupus că va fi folosit) pentru a scrie articole de dicționar constând din termeni (prizonieri în etichete DT) și descrierile lor (deținuți în etichete DD).

                   Primul termen

                   Descriere

                   Al doilea termen

                   Descrierea sa

                   

                   Dacă vă uitați la exemplul de mai sus, scoateți elementul DD (descrierea termenului) (cu 40 de pixeli) față de elementul DT (termenul însuși).

                   În general, DL, DT și DD sunt etichete de blocare și, în interiorul elementului DT, puteți introduce doar conținut cu etichete de linie (se pare că în interiorul DT este imposibil să utilizați elemente bloc de titluri și paragrafe). Și în cadrul etichetelor DD, puteți introduce orice elemente și mici și blocuri.

                   Lista imbricată HTML este creat de analogie cu simplu, dar în interiorul listei principale, partea din elementele este din nou din nou în deschiderea și închiderea UL sau OL.

                   Rețineți că un Li de închidere al acelui element în care va fi creat elementul atașat se face numai după întregul cod al listei atașate (este foarte important pentru afișarea corectă a paginii web). Lista atașată poate arăta așa ceva:

                   

                   1. Primul punct al principalei numerotate
                   2. Al doilea punct
                      • Primul element al marcajului imbricat
                      • Al doilea
                      • Al treilea și ultimul punct al marcajului
                   3. Al treilea element este numerotat

                   Multă baftă! La întâlnirile ambigue pe site-ul web al blogului

                   S-ar putea să fiți interesat

                   Cum se introduce în link-ul HTML și imaginea (foto) - img și o etichete Selectați, Opțiune, Textare, Etichetă, FieldSet, Legend - HTML Tags Formulare de liste de drop-down și câmp de text
                   Formulare HTML pentru formularul site-ului - Tag-uri, Intrare și selectare, Opțiune, Textare, Etichetă și altele pentru a crea elemente Webform
                   Deoarece culorile sunt setate în codul HTML și CSS, selecția nuanțelor RGB în tabele, emiterea de programe Yandex și alte programe
                   Embed and Object - Etichete HTML pentru a afișa conținutul media (video, flash, audio) pe paginile web
                   Etichete și atribute ale antetelor H1-H6, linia orizontală HR, briefing RR și paragraful P conform HTML 4.01
                   Tabele în tabelul HTML - Tags, TR și TD, precum și Colspan, CellPadding, CellSpacing și Rowspan pentru a le crea
                   Care este limba HTML HyperText Markup și cum se poate vedea lista tuturor etichetelor din validatorul W3C
                   Tag-uri de fonturi (față, dimensiune și culoare), blockquote și formatare text prealabilă în HTML pur (fără a utiliza CSS)
                   Iframe și cadru - ceea ce este și cât de bine să utilizați cadre în HTML
                   Tag-ul IMG - HTML pentru introducerea imaginilor (SRC), alinierea și raționalizarea acestuia cu text (align), precum și sarcini de fundal (fundal)

                   Tag-uri HTML.

                   Semnificație și aplicare

                   Lista numerizată (ordonată) este proiectată pentru elementele care urmează într-o ordine definită. Lista numerotată începe cu eticheta

                   (abreviat de la engleza lista ordonata. - Lista ordonata). Fiecare element al listei începe cu o etichetă
                   1. (Element de listă).

                      Sprijiniți browserele

                      Atribut			Operă.		Iexplorer.	Margine.
                      porniți, tastați	da	da	da	da	da	da
                      inversat	da	da	da	da	Nu	Nu

                      Atributes.

                      Atribut	Valoare	Descriere
                      compact.	compact.	Nu sunt acceptate în HTML5. Indică faptul că lista ar trebui să fie mai mică decât dimensiunea obișnuită (înălțimea liniei: 80%). Utilizați CSS în loc de acest atribut.
                      	inversat	Indică faptul că ordinea într-o listă numerotată (ordonată) ar trebui să urmeze descendența. Atributul nu este acceptat de browserele Internet Explorer și Edge.
                      start.	număr	Specifică valoarea inițială a listei numerotate (ordonată). Valorile ar trebui să fie întregi, este permisă utilizarea valorilor negative. Când se utilizează cu litere (Type \u003d "A" și Type \u003d "A"), numărul specificat în valoarea atributului este numărul de serie al literei din alfabet. De exemplu, Start \u003d "4" se va potrivi litera "D" Și lista va începe cu ea. Când utilizați valoarea Start \u003d "27", contorul este resetat, în timp ce lista devine două cifre ("27" \u003d "AA", "28" \u003d "AB", "29" \u003d "AC" ...) .
                      tip	1 (Mod implicit) Un mare) a (litere mici) I (romanul mare) i (Roman mic)	Determină tipul de marker, care este utilizat în construcția unei liste numerotate (ordonate).

                      Exemplu de utilizare

                      1. Primul punct Al doilea punct
                      2. Al treilea punct
                      
                      
                      

                      Uitați-vă pe pagina pe care o va fi, respectiv:

                      1. Primul punct.
                      2. Al doilea element.
                      3. Al treilea punct.

                      Dacă doriți ca lista să înceapă de la un număr specific (nu de la 1), trebuie să specificați atributul de pornire pentru etichetă

                      .

                      De exemplu:

                      Un alt atribut interesant este tip, care vă va permite să setați o numerotare alfabetică ("A" - mare, "A") sau numerotarea de la numerele romane ("I" - în majusculă, "i" - în registrul inferior).

                      Luați în considerare un exemplu în care sunt prezentate toate valorile atributului de tip posibile (diferite de valoarea implicită):

                      >
                      1. Primul punct Al doilea punct
                      2. Al treilea punct
                      >
                      1. Primul punct Al doilea punct
                      2. Al treilea punct
                      >
                      1. Primul punct Al doilea punct
                      2. Al treilea punct
                      >
                      1. Primul punct Al doilea punct
                      2. Al treilea punct
                      
                      
                      

                      Vă atrag atenția că este permisă generarea listelor numerotate (ordonate) investite în alte liste numerotate (în interiorul elementului de listă

                      3. ):
                         1. Primul punct
                            1. Primul punct Al doilea punct
                            2. Al treilea punct
                            Al doilea punct
                            3. Al treilea punct
                            
                            
                            

                            Uită-te la pagina pe care o va fi, respectiv, așa.