Unul dintre tipurile de liste implementate în HTML este o listă cu marcatori. În caz contrar, listele de acest tip se numesc neordonate sau neordonate. Cel din urmă nume este adesea folosit ca o traducere formală a numelui etichetei corespunzătoare.
- , cu ajutorul cărora listele de acest tip sunt organizate în documente HTML (UL - Unordered List, neorded list).
- (LI - Item List). Etichetă
- nu are nevoie de o etichetă de capăt adecvată, deși prezența acesteia nu este în principiu interzisă. Browserele încep de obicei fiecare nou articol de listă pe o linie nouă 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ă într-un browser, așa cum se arată în Fig. 2.1.
Exemplu de listă cu marcatori Semne zodiacale:
- Berbec
- Taurul
- Gemenii
- Fecioară
- cântare
- Scorpion
- Săgetător
- Capricornul
- Vărsător
- Pești
Orez. 2.1. Browser Afișează lista cu marcatori
Rețineți că, în plus față de elementele din listă marcate cu eticheta
- , alte elemente HTML pot fi prezente. Î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ă indică să utilizați eticheta container 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ția 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.
- .
Exemplu de înregistrare:
- .
Notă
Browserele au interpretări diferite pentru a specifica un tip de marcator pentru un articol individual din listă. Browserul Netscape modifică tipul de marcare pentru acesta și pentru toate cele ulterioare până când întâlnește o altă modificare a tipului de marcator. Internet Explorer modifică marcatorul numai pentru acest element.
Marcatori grafici de listă
Elementele grafice pot fi folosite ca marcatori de listă, care sunt utilizate pe scară largă pentru a crea documente HTML atractive, frumos proiectate. De fapt, o astfel de posibilitate nu este oferită direct de limbajul HTML, ci este implementată oarecum artificial. Acest lucru nu înseamnă că nu este recomandat sau condamnabil să faceți acest lucru, ci înseamnă doar că nu vor fi folosite constructe speciale de limbaj HTML aici.
Pentru a înțelege ideea, trebuie să înțelegeți cum sunt implementate listele în paginile HTML. Se pare că eticheta listă
- (precum și etichetele altor tipuri de liste, considerate mai jos) îndeplinește singura sarcină - îi spune browserului că toate informațiile aflate după această etichetă ar trebui să fie afișate cu o deplasare la dreapta (indentată) cu o anumită sumă. Etichete
- care indică elementele individuale ale listei oferă marcatori standard pentru elementele listei.
Dacă trebuie să construim o listă cu marcatori grafici, atunci ne putem descurca complet fără etichete.
- ... Va fi suficient să inserați imaginea grafică dorită în fața fiecărui element din listă. Singura problemă care trebuie rezolvată în acest caz va fi separarea elementelor listei unele de altele. Puteți utiliza etichete de paragraf pentru aceasta
Sau avans forțat în linie
... Un exemplu de implementare a unei liste cu marcatori grafici, a cărei afișare este prezentată în Fig. 2.2 este prezentat mai jos:care va fi transmisă 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 marcatori grafici sunt discutate pe rând în capitolul 8.
Listele sunt o parte importantă a conținutului, deoarece ajută la organizarea informațiilor. Textul din liste este mai bine înțeles și mai ușor de reținut.
Cel mai simplu este că fiecare dintre elementele sale este precedat de un marker - un cerc, pătrat sau cerc. Ordinea articolelor dintr-o listă cu marcatori nu este importantă.
Pentru a-l crea, trebuie să utilizați doar două etichete:
Listă cu puncte - O piatra
- Foarfece
- Hârtie
În mod implicit, un cerc negru ( disc). Prin adăugarea la etichetă
Se deosebește de cel marcat prin faptul că ordinea elementelor din el este importantă și, prin urmare, în locul unui marcator, aici sunt folosite numere sau litere secvențiale. Nu trebuie să vă faceți griji pentru ordinea din listă: browserul preia această sarcină. Dacă modificați lista (eliminați sau adăugați un articol nefuncțional), browserul o va recalcula și o va afișa corect.
Etichetele sunt folosite pentru a crea liste numerotate
Lista numerotata - O piatra
- Foarfece
- Hârtie
Deoarece listele numerotate nu sunt întotdeauna atât de simple, pentru etichetă
1. tip... Acest atribut vă permite să numerotați lista nu numai cu arabă, ci și cu cifre romane sau litere latine de registru diferit. tip acceptă valorile 1 (implicit), a, A, i, I (încercați să experimentați singur cu ele).
2. start... Numerotarea nu trebuie să înceapă întotdeauna cu una. Acest atribut vă permite să setați valoarea inițială - numărul primului element din listă. În acesta, puteți 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, ci de la 10 la 1, atunci acest atribut trebuie utilizat. Dacă este specificat, numerotarea se va efectua în ordine inversă.
Pentru a seta un număr arbitrar unui element din mijlocul listei, trebuie să utilizați în etichetă
- Al patruzeci și cincilea element după treizeci și opta
- - eticheta de termen.
- - etichetă de definiție
- Descriptor
- Unitatea de bază a limbajului de marcare cunoscută de toți sub numele de „Tag”.
- Atribut
- O proprietate de etichetă care îi oferă opțiuni suplimentare de stil de text.
- Eticheta
- O singură etichetă care nu trebuie să fie închisă.
- Structural
- Pascal
- Oberon
- Depozit de vechituri
- Orientat obiect
- Java
- Funcţional
- Lisp
- Piton
- :
Lista numerotata:
- Cafea
- Ceai
- Lapte
Notă: etichetă
- poate conține doar etichete ca copii
- , adică tot conținutul listei numerotate trebuie plasat în interiorul elementelor
- ... Etichetă
- , la rândul său, nu are restricții în ceea ce privește conținutul, așa că puteți plasa în el paragrafe, imagini, link-uri, tabele, alte liste etc.
Listă cu puncte
Listă cu puncte- acestea sunt neordonate, adică liste neordonate de elemente, a căror succesiune nu contează. Toate punctele marcatoare au aceleași puncte marcante, în mod implicit sunt afișate ca mici cercuri negre.
Pentru a crea liste cu marcatori în HTML, utilizați eticheta
- , în interiorul căruia se află elementele listei în sine (ca și în cazul listelor numerotate, eticheta
- care conține tot conținutul afișat al listei):
Listă cu puncte:
- Cafea
- Ceai
- Lapte
Tipuri de markere
Aspectul marcatorilor unei liste numerotate poate fi modificat folosind atributul type. Acest atribut acceptă cinci tipuri de markeri:
Listele cu marcatori nu au un atribut de tip, așa că nu puteți utiliza HTML pentru a schimba aspectul marcatorilor pentru o listă cu marcatori. Pentru a schimba tipul de marker, în acest caz, puteți folosi proprietatea CSS tip list-style-type, cu care, pe lângă valoarea implicită, puteți selecta încă două tipuri de marker: cerc sau pătrat.
Schimbarea marcatorilor pentru liste:
Titlul paginii O listă numerotată cu atributul tip = „a”:
- Merele
- Banane
- Lămâi
O listă numerotată cu atributul tip = „I”:
- Merele
- Banane
- Lămâi
Tipuri de marcatori de listă cu marcatori:
- Merele
- Banane
- Lămâi
- Merele
- Banane
- Lămâi
Proprietatea CSS de tip listă, în plus față de tipurile de marcatori pentru listele cu marcatori, are multe tipuri de marcatori diferite și pentru listele numerotate. Dar nu întotdeauna schimbarea unui tip standard de marker cu altul este suficientă pentru a face lista să arate frumos. Pentru a proiecta liste, este mai bine să utilizați CSS, care vă permite nu numai să schimbați aspectul markerului, ci și să înlocuiți marcatorii cu imagini, să controlați poziția acestora și să controlați indentarea. Puteți vedea cum să faceți toate acestea.
Lista orizontală
Dacă utilizați o casetă de listă HTML pentru a crea un meniu orizontal, atunci va trebui să aranjați elementele din listă unul după altul pe aceeași linie. Nu veți putea face acest lucru folosind HTML, așa că va trebui să utilizați CSS.
Pentru a crea o listă orizontală, trebuie să scrieți o proprietate de afișare CSS pentru elementele din listă cu valoarea inline sau inline-block, în funcție de ce alte proprietăți veți utiliza.
Titlul paginii Lista numerotata
- Merele
- Banane
- Lămâi
Listă cu puncte:
- Merele
- Banane
- Lămâi
După aceea, toate elementele din listă vor fi aliniate într-o singură linie. Vă rugăm să rețineți că marcatoarele vor dispărea din articolele din listă și nici măcar nu va exista un spațiu între ele, dar va rămâne liniuța din stânga listei.
Puteți vedea cum o listă orizontală poate fi transformată într-un meniu orizontal.
Uneori, cel mai bun mod de a prezenta informații pe un site este o listă cu marcatori. O astfel de listă atrage destul de bine atenția, este convenabilă pentru percepția vizitatorilor, este laconică și dezvăluie relația dintre elemente.
Trebuie înțeles că internetul nu este potrivit pentru forme de conținut lungi, descriptive. Utilizatorii preferă materialul care poate fi scanat (fluent), care facilitează sărirea unor bucăți mari de text și să identifice rapid zonele de interes.
Multe tehnici diferite de formatare web îmbunătățesc experiența conținutului. Puteți face textul aldine, folosiți indentarea și culorile, modificați spațierea dintre linii, creați (liste cu marcatori) - toate aceste tehnici sunt bune pentru o percepție eficientă a conținutului.
Câteva puncte minuscule atrag atenția și fac mesajele complexe clare. Cititorii percep gloanțele ca etichete pentru informații concise, dar foarte importante. Deloc surprinzător, în studiile de utilizare, devine evident cât de mult gravitează cititorii către listele cu marcatori, deoarece îi ajută să digere conținutul cât mai repede posibil.
Comparați două opțiuni de conținut diferite. Probabil veți observa că informațiile prezentate în a doua opțiune sunt mai ușor de citit. Acest lucru se datorează faptului că propozițiile sunt prezentate într-o listă verticală, fiecare dintre ele ocupând o linie. În schimb, în Opțiunea 1, cititorii sunt forțați să le caute într-un paragraf mai puțin structurat al textului.
Opțiunea 1
Pachetul nostru SPA include două nopți de cazare, două tratamente spa de 50 de minute la alegere, mic dejun în camera dumneavoastră pentru doi și un coș cadou la sosire.
Opțiunea 2
Pachetul nostru SPA include:
- sejur de doua nopti;
- două tratamente SPA de 50 de minute la alegere;
- mic dejun într-o cameră pentru două persoane;
- coș cadou la sosire.
Nu vă faceți griji că Opțiunea 2 ocupă mai mult spațiu. Utilizatorii nu sunt derutați de derularea suplimentară, doar dacă se justifică prin obținerea de informații interesante. De fapt, o pagină de destinație care pare prietenoasă și ușor de înțeles datorită utilizării corecte a listelor cu marcatori va atrage mult mai multă atenție din partea utilizatorilor decât un site care îi întâmpină cu un perete de text. Ne vom opri asupra modului în care să compunem corect o listă cu marcatori.
1. Toate articolele din listă trebuie să aibă aproximativ aceeași lungime de rând
O listă cu marcatori este mai eficientă atunci când conține elemente care sunt legate între ele. În plus, toate ar trebui să aibă un grad comun de importanță. Dacă este posibil, încercați să potriviți fiecare articol într-o dimensiune de linie predefinită, astfel încât niciunul dintre ele să nu pară mai important decât celălalt. Un astfel de perfecționism nu este doar plăcut ochiului, dar nici nu supraîncărcă lista.
Necorespunzător
- sac de dormit;
- costum de baie pentru o plimbare la cascade;
- protecție solară;
- jachetă impermeabilă pentru zilele ploioase. Sunt posibile furtuni.
Diferența de lungime face lista neordonată și neuniformă.
Dreapta
Luați următoarele articole în tabără:
- sac de dormit;
- protecție solară;
- costum de baie;
- pelerina de ploaie.
2. Folosiți liste numerotate numai atunci când succesiunea sau numărul de articole este important.
Listele numerotate sunt de obicei folosite atunci când elementele trebuie listate într-o anumită ordine, de exemplu, ordinea acțiunilor când se lucrează cu un program. Sau când numărul de puncte contează, de exemplu, în diferite topuri (top 10 cele mai bune tehnici etc.).
Dacă comanda sau numărul total de articole nu contează, nu trebuie să numerotați lista. Acest lucru va crea pur și simplu confuzie: în testarea utilizatorilor care a fost efectuată, participanții s-au uitat la liste numerotate și au crezut în mod eronat că trebuie să completeze fiecare element atunci când au fost nevoiți să aleagă doar unul.
Necorespunzător
1. Formular de contact de pe site
2. Chat
3. Apelați prin telefon
4. Întâlnire personalăDreapta
Vă rugăm să ne contactați într-unul dintre următoarele moduri:
- Formular de contact de pe site
- Apel telefonic
- O întâlnire personală
3. Folosiți constructe de propoziții paralele
Stilul de scriere a articolelor din listă ar trebui să fie consecvent. Varietatea largă de formulare poate suna analfabet și poate încetini (sau chiar deruta) cititorii.
Același lucru este valabil și pentru structura elementelor. Fiecare dintre ele trebuie să înceapă cu aceeași parte de vorbire (substantiv, verb etc.) și să reprezinte fie un fragment, fie o propoziție completă.
Necorespunzător
- animalele pot fi intimidate de zgomote puternice;
- liniile galbene indică locul în care poți sta;
- A menține parcul curat este treaba tuturor.
În acest exemplu, fiecare paragraf începe cu cuvinte dintr-o altă parte a vorbirii.
Dreapta
Vă rugăm să respectați regulile de cazare în parc:
- aruncați gunoiul numai în coșurile de gunoi;
- nu face zgomot;
- nu treceți liniile galbene;
- păstrați parcul curat.
A doua listă citește mai bine deoarece fiecare frază începe cu cuvinte dintr-o parte a vorbirii, în acest caz forma imperativă a verbului.
4. Evitați repetarea cuvintelor la începutul propozițiilor
Dacă este posibil, încercați să începeți fiecare paragraf cu un cuvânt diferit, deoarece acest lucru va face mai ușor să le deosebiți.
Necorespunzător
Cum să alegi un ananas copt:
- atentie la mirosul lui: ar trebui sa fie placut;
- acordați atenție structurii sale: ananasul trebuie să fie puternic;
- acordați atenție culorii sale: ar trebui să fie galben auriu.
Dreapta
Cum să alegi un ananas copt:
- miros-o: mirosul trebuie să fie plăcut;
- stoarce-l: ananasul trebuie sa fie tare;
- atenție la culoare: ar trebui să fie galben auriu.
5. Expresia sau propoziţia care precedă lista cu marcatori trebuie să fie înţeleasă şi să dezvăluie conţinutul acesteia.
Cuvintele introductive (cuvintele imediat dinaintea listei cu marcatori) sunt foarte importante deoarece oferă cititorului o idee despre ce este lista și de ce este atât de importantă. O introducere nu trebuie să fie sub forma unei propuneri complete, mai ales dacă fiecare punct este suficient acoperit.
Necorespunzător
Sărbători în Columbia Britanică:
- drumeții;
- muzee de artă;
- canotaj pe lac.
Lead-in (British Columbia Holidays) nu descrie clar lista. În plus, lista include activități, dar „muzeele de artă” nu este o activitate.
Dreapta
Vacanța dumneavoastră în Columbia Britanică include:
- drumeții;
- vizitarea muzeelor;
- canotaj pe lac.
6. Respectați regulile de înregistrare a listelor
Există reguli specifice pentru formatarea listelor cu marcatori.
- dacă o listă cu marcatori constă din propoziții întregi, atunci fiecare articol începe cu o literă mare, iar la sfârșit se pune un punct;
- dacă aveți de-a face cu fragmente de propoziție, nu trebuie să puneți punct la sfârșit. De asemenea, litera majusculă nu este setată conform regulilor, dar pentru a îmbunătăți confortul textului, este totuși recomandat să o puneți.
Necorespunzător
- ar trebui să luați în fața persoanei agresate
- spuneți adulților despre această situație
- sfătuiți victima să spună situației unui adult
- oferi sprijin manifestând îngrijorare
Paragrafele nu încep cu majuscule și nu există puncte la sfârșit.
Dreapta
Dacă sunteți martor la agresiune:
- Ar trebui să susții persoana agresată.
- Spune-i unui adult despre această situație.
- Încurajați victima să spună situației unui adult.
- Oferiți sprijin manifestând îngrijorare.
Necorespunzător
- Reciclați hârtie și articole din plastic.
- Folosiți mai puține articole de unică folosință.
- Împărtășiți cu alte lucruri de care nu aveți nevoie.
- Schimbați-vă mașina cu o bicicletă.
Acestea sunt fragmente de propoziție, deci nu este nevoie de punctuație.
Dreapta
Puteți contribui la protejarea mediului prin:
- Reciclați hârtie și articole din plastic
- Folosiți mai puține articole de unică folosință
- Distribuie cu alte lucruri de care nu ai nevoie
- Schimbați mașina cu bicicleta
7. Nu folosiți în exces listele cu marcatori, deoarece acestea pot deveni ineficiente.
Ca și în cazul multor tehnici de proiectare, folosirea prea des a listelor cu marcatori poate fi ineficientă, dacă nu dăunătoare. O abundență de puncte și liniuțe poate descuraja un vizitator chiar mai mult decât un zid de text. Prin urmare, ar trebui să fiți mai atent în alegerea a ceea ce va fi afișat într-un format de listă cu marcatori.
Listele verticale sunt grozave atunci când aveți trei sau mai multe articole asupra cărora doriți să atrageți atenția cititorului. Mai puțin de trei elemente sunt cel mai bine lăsate într-o singură propoziție.
Evitați listele compuse atunci când o listă este inclusă în alta, deoarece acest lucru, după cum vă puteți imagina, face dificil de perceput. Dacă sunt necesare liste compuse, asigurați-vă că acestea diferă unele de altele în stilul de scriere.
Concluzie
Acestea sunt cele mai generale linii directoare, iar fiecare companie își poate alege propriul stil de design. Dacă organizația dvs. aderă la un ghid de stil, consultați ghidul înainte de a decide cu privire la orice modificare. Un aspect important al ortografiei corecte este consecvența stilului în toate documentele companiei și sursele scrise.
Listele verticale atrag atenția și dau sens fiecărui element din listă. Această abordare este mai eficientă deoarece conținutul este mai ușor de scanat și de înțeles.
Conversii mari pentru tine!
Pe baza materialelor
Există două tipuri de liste în HTML: numerotate și nenumerotate. Creația lor este aproape aceeași. Chiar și etichetele diferă cu un caracter. De asemenea, puteți crea care să includă atât puncte numerotate, cât și marcatori.
Puteți transforma aceste liste după cum doriți. Totul depinde de imaginația ta. În primul rând, ne vom uita la listele standard, la fel ca în editorul Word, apoi le vom îmbunătăți și proiecta dincolo de recunoaștere.
Lista HTML numerotata
Unul numerotat obișnuit poate fi creat folosind următoarele etichete:
- Primul articol de pe listă
- Al doilea articol de pe listă
- Al treilea articol de pe listă
- , apoi pune automat .
- 1 - cifre arabe;
- A - majuscule;
- a - litere latine mici;
- I - cifre romane majuscule;
- i - cifre romane mici.
Listele simple arată așa
Conform standardelor, fiecare articol din listă ar trebui să fie în interiorul etichetelor de deschidere și de închidere. Dar dacă nu puneți o etichetă de final, atunci rezultatul va fi exact același. Manipulatorul este destul de inteligent. În timpul transformării listei, analizează etichetele de deschidere. Dacă vede unul nou
Astfel, listele pot fi făcute așa cum se arată mai jos.
Dar din punctul de vedere al profesioniștilor, acest lucru este incorect.
Listele nenumerotate (sau marcatori) sunt create în același mod, cu excepția faptului că în locul etichetei ol, scrieți ul.
Nu există numere sau litere - doar diferite simboluri numite markeri.
Lista numerotată HTML pe mai multe niveluri
Mulți utilizatori sunt interesați de această posibilitate. Prin urmare, trebuie remarcat faptul că orice listă numerotată HTML poate fi pe mai multe niveluri. Nivelurile suplimentare pot fi aceleași sau pot fi etichetate.
Pentru a crea lista prezentată î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 type. Datorită acesteia, puteți specifica tipul de sortare atât pentru listele numerotate, cât și pentru cele marcate.
Pentru cele numerotate, indicați alfabetul sau tipul de numere, iar pentru alte cazuri - tipul de marcaj.
Dacă utilizați o etichetă HTML personalizată, lista numerotată poate deveni orice doriți.
Puteți specifica atributul tip cu orice valoare din tabel. Sau, în clasa de stil css, specificați tipul de stil de listă cu tipul de sortare dorit.
Traducerea semnificațiilor este destul de simplă. Cunoștințe de bază suficiente de engleză. Dar chiar dacă nu puteți traduce cuvintele „cerc”, „pătrat”, etc., puteți înțelege vizual care va fi rezultatul când specificați aceste valori în atributul tip.
Pentru liste numerotate, utilizați următoarele opțiuni:
Valoarea implicită este întotdeauna o listă cu. Adică, dacă nu ați specificat nimic, este echivalent cu tip = "1".
În plus, puteți începe liste numerotate din orice poziție doriți. Implicit - ieșire de la 1. Dar dacă doriți, puteți începe cu cel puțin o sută. Pentru a face acest lucru, trebuie să specificați atributul start cu orice valoare.
În plus, concluzia poate fi făcută în ordine inversă. Pentru a face acest lucru, trebuie să scrieți invers.
Designul listei
O listă HTML numerotată poate fi proiectată atât de frumos încât s-ar putea să nu ghiciți imediat că aceasta este o listă obișnuită și nu o fotografie făcută în Photoshop.
Iată câteva exemple de liste frumoase.
După cum puteți vedea din exemplu, puteți modifica aspectul numerotării și al elementelor în sine.
Puteți crea o listă obișnuită ca aceasta.
În stilurile CSS, trebuie să specificați stilul pentru etichetele vechi. Rețineți că, în acest caz, setările vor fi aplicate tuturor listelor din întregul site unde este utilizat acest fișier de stil.
Să luăm în considerare mai întâi opțiunea cu un design de listă rotundă. Reveniți la codul listei. Lista rotunjită a clasei este specificată acolo. Tocmai cu această clasă trebuie să mânuiești pentru a face o asemenea frumusețe. Puteți numi clasa cum doriți.
Acum să aruncăm o privire asupra designului pătrat.
Stilurile sunt destul de asemănătoare. Diferența este că, în primul caz, elementul este rotunjit folosind capabilități css.
Un designer profesionist de layout ar trebui să anticipeze și să înțeleagă că nu toți utilizatorii folosesc computere moderne. Nu toată lumea are Windows 7, 8, 10. Există un procent de utilizatori care încă folosesc Windows XP și folosesc versiuni vechi de Internet Explorer.
De regulă, aproape toate îmbunătățirile de design moderne ale elementelor nu sunt susținute de acestea. Utilizatorul va simți că designul site-ului web nu a fost lucrat deloc. Că totul s-a mutat. Elementele se ciocnesc unele de altele. Pentru a evita acest lucru, trebuie să calculați toate opțiunile.
Unii webmasteri închid ochii la ei, deoarece cota lor de piață devine din ce în ce mai mică. Dar pentru un profesionist, fiecare vizitator este important, mai ales dacă este un site comercial.
Faceți ceva potrivit pentru toată lumea sau luați în considerare toate opțiunile de browser.
- care conține tot conținutul afișat al listei):
Schimbând numărul unui element din mijlocul listei, veți modifica și numerotarea tuturor elementelor următoare - raportul va începe de la valoarea din atributul value. De exemplu, dacă ați atribuit numărul 35 elementului 18, atunci următoarele elemente vor avea numerele nu 19, 20, 21, ci 36, 37, 38.
Lista de definiții
Tipul de listă nu este la fel de cunoscut ca cel discutat mai sus. Constă din termeni și definițiile acestora. Creat folosind etichete:
Sfera de aplicare a listelor de definiții este glosare, cărți de referință, teste, dicționare și alte enumerații încăpătoare de tip „Termen - explicație”.
Iată un exemplu de listă de definiții:
Lista de definiții 
O listă formată din liste imbricate. Poate include liste de diferite tipuri. Complexitatea creării constă în observarea imbricației corecte a etichetelor, deoarece este ușor să fii confundat într-o structură pe mai multe niveluri.
Iată un exemplu de listă pe mai multe niveluri:
Lista pe mai multe niveluri Limbajele de programare sunt împărțite în:În HTML, un întreg set de etichete este responsabil pentru organizarea listelor, a căror organizare trebuie să respecte anumite reguli de structurare a datelor.
Standardul celei de-a cincea versiuni de html acceptă 3 tipuri de liste: liste numerotate, liste cu marcatori și liste de definiții. De asemenea, oferă posibilitatea de a imbrica liste unele în altele, creând liste imbricate pe mai multe niveluri.
Lista numerotata
Lista numerotata este un set de elemente (articole de listă) care au o anumită secvență. Fiecare articol dintr-o listă numerotată are un marcator unic care indică ordinea în care acest articol ar trebui să fie plasat în raport cu celelalte articole din listă. În mod implicit, marcatoarele pentru articolele din listă numerotate sunt numere. Primul articol trece sub numărul 1, al doilea sub numărul 2 și așa mai departe.
Cele mai comune exemple de liste numerotate sunt rețetele pentru diverse feluri de mâncare. Deoarece orice rețetă este o listă numerotată cu o secvență clară de acțiuni.
Pentru a crea liste numerotate în HTML, utilizați eticheta
- , în interiorul căruia se află elementele listei cu date. Fiecare articol din listă este indicat cu o etichetă
- care indică elementele individuale ale listei oferă marcatori standard pentru elementele listei.
Parametrul COMPACT este scris fără valori și este folosit pentru a instrui browserul să afișeze această listă într-un format 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 de top. Prin urmare, utilizarea acestui parametru este lipsită de sens, mai ales că utilizarea lui nu este recomandată de specificația HTML 4.0.
Parametrul TYPE poate lua următoarele valori: disc, cerc și pătrat. Acest parametru este folosit pentru a forța apariția marcatorilor de listă. Tipul exact de marcator va depinde de browserul utilizat. Opțiunile tipice de afișare sunt următoarele:
TIP = disc - marcajele sunt afișate cu cercuri umplute; TIP = cerc - marcajele sunt afișate cu cercuri deschise; TIP = pătrat - marcatorii sunt afișați cu pătrate umplute. Exemplu de înregistrare:
- .
Valoarea implicită este TYPE = disc. Pentru listele cu marcatori imbricate, valoarea implicită este disc la primul nivel, cerc la al doilea și pătrat la al treilea și mai departe. Este exact ceea ce se face în cele mai recente versiuni ale browserelor Netscape și Internet Explorer. Rețineți că alte browsere pot afișa markeri diferit. De exemplu, specificația HTML 4.0 specifică un contur pătrat pentru aspectul markerului afișat când TYPE = pătrat.
Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica tipul de marcatori pentru elementele individuale ale listei. Pentru aceasta, parametrul TYPE cu valoarea corespunzătoare este permis să fie specificat în eticheta articolului din listă
- .
O listă cu marcatori folosește caractere speciale numite marcatori de listă (numite adesea marcatori, care este pronunția formală a termenului englezesc bullet) pentru a-și evidenția elementele. Tipul de marcatori de listă este determinat de browser, iar atunci când se creează liste imbricate, browserele vor diversifica automat aspectul marcatorilor la diferite niveluri de imbricare.
Etichete și
Pentru a crea o listă cu marcatori, trebuie să utilizați o etichetă de container, în interiorul căreia se află toate elementele listei. Etichetele listei de deschidere și de închidere furnizează fluxuri de rând înainte și după listă, separând astfel lista de conținutul principal al documentului, astfel încât nu este nevoie să folosiți etichete de paragraf aici.
.
Fiecare element din listă trebuie să înceapă cu o etichetă
