Care este lista? Tipuri de liste

De regulă, unele informații sunt cel mai bine prezentate ca o listă. Tipurile de liste vă permit să faceți acest lucru cât mai comod posibil. Dacă utilizatorul vede un text solid, va citi incomod.

Datorită listelor, este mai ușor pentru utilizator să citească elementele listate decât într-o singură linie. De aceea, acestea sunt utilizate în mod constant atât pe site-uri, cât și în documente Word și alți editori de text.

Tipuri de liste HTML

Listele pot fi numerotate și marcate, numite și numere neimpozitate.

În listele numerotate cu cifre arabe, romane, scrisori și orice altceva, astfel încât să puteți face transferul.

Listele marcate utilizează marcaje diferite (puncte, cercuri, pătrate, săgeți și așa mai departe).

Iată câteva exemple de sortare a elementelor din liste.

Figura de mai sus prezintă listele simple la un singur nivel. Dar în documente pot fi folosite și pe mai multe niveluri. Nivelurile pot fi un număr infinit.

Figura de mai sus arată ce pot fi liste numerotate și bulletate pe mai multe niveluri.

creare

În html, este foarte ușor să creați o listă. Tipurile de liste din html-markup sunt foarte asemănătoare. Ele diferă numai în etichetele inițiale și finale. Elementele listate în sine sunt indicate de aceeași etichetă. Aici nu vei fi confuz.

Să luăm în considerare un exemplu de creare a unei liste numerotate:

Acest cod este suficient pentru a avea o listă normală cu cifre arabe. Această opțiune de sortare este setată implicit. Restul opțiunilor vor fi considerate un pic mai departe.

Listă bulletată arată astfel:

Diferența este că pentru enumerarea enumerată, eticheta ol este pusă, iar pentru enumerarea neimprimată, este pus un ul.

Tipuri de liste în Word

În editorul Word, tipurile de liste sunt create exact la fel. Mai mult decât atât, în unele html-cod editori există posibilitatea de a exporta conținut din "Word". Aceste liste sunt transferate perfect acolo și sunt procesate de etichetele corespunzătoare.

Dacă este dificil pentru tine să te faci de la zero pe mai multe niveluri pe html, atunci îl puteți crea mai întâi în editorul Word. Apoi, traduceți-l în html-markup.

Luați în considerare modul de creare a listelor în Microsoft Word. Există un panou special "Listă". Tipurile de liste sunt împărțite în grupuri.

Odată ce ați făcut clic pe orice tip, ați oferit imediat opțiunile de sortare. În figura de mai sus, este sugerat să selectați un tip de marcator pentru o listă neumerată. Același lucru este valabil și pentru alte opțiuni.

Când este deschisă biblioteca de liste cu mai multe niveluri, puteți vedea o sortare mixtă.

Operațiunile din listă

În editorul Word, puteți converti orice listă. Tipurile de liste sunt selectate prin panoul principal sau prin clic dreapta. Trebuie să selectați textul pe care doriți să îl reprezentați în acest formular și să apăsați butonul din dreapta al mouse-ului.

Puteți selecta o listă numerotată și o listă cu marcatori.

În plus, este posibilă setarea poziției inițiale a referinței. De exemplu, trebuie să deducem elemente de la 10 la 12. Dar, în mod implicit, lista va fi de la primul element. Pentru a face acest lucru, trebuie să setați valoarea inițială la "10".

După cum puteți vedea, editorul vă permite să schimbați și indentarea.

Dacă selectați doar al treilea element, și apăsați pe butonul din dreapta al mouse-ului, va fi capabil să înceapă numerotarea de la început, cu unitatea.

În orice moment din lista simplă puteți face un nivel multiplu. Pentru a face acest lucru, trebuie să stați pe elementul dorit și faceți din nou un clic dreapta al mouse-ului. Apoi mergeți la elementul de meniu "Numerotare", iar în partea de jos faceți clic pe "Modificarea nivelului listei".

De fapt, nu este nimic complicat. Toate elementele de meniu sunt create cu grijă. Meniul de context (când apăsați tasta din dreapta) se modifică întotdeauna și depinde de ce ați făcut clic (listă, link, imagine și așa mai departe).

Înregistrarea listelor în html

Puteți decora etichetele prin clase de stil sau individual de fiecare dată. La început, a fost afișat un tabel cu diferite opțiuni de enumerare. Au fost listate opțiunile pentru zecimale, discuri, cercuri și așa mai departe. Această valoare trebuie specificată în proprietatea clasei sau a tipului de stil.

De exemplu, astfel:

.sort {

listă-tip-tip: disc;

}

Este suficient să specificați sortarea de clasă la o anumită listă și va fi reprezentată în consecință.

În editorul Word, puteți seta valorile inițiale. Acest lucru a fost menționat mai sus. Același lucru este permis și în html.

Acest lucru se face prin atributul de start. Exemplu de ieșire de articole cu valoarea inițială de "5":

Ca rezultat, veți vedea numerele 5, 6 și 7 și nu 1, 2 și 3.

În plus, puteți specifica locul în care va fi amplasat marcatorul: în interiorul sau în exteriorul clădirii. Un exemplu este mai jos.

În plus față de această listă, puteți aplica tot felul de trucuri CSS. Adică, elementele din listă pot fi:

• decora cu orice culoare;
• specificați orice liniuță;
• specificați orice dimensiune a fontului;
• specificați orice font;
• ajustați distanța dintre puncte;
• setați culoarea de fundal;
• specificați orice marcatori;
• trageți în umbră;
• îndepărtați, în general, markerii;
• retrageți obiectele pe orizontală;
• creați liste cu mai multe niveluri care sunt complet diferite de elementul părinte și multe altele.

De exemplu, lista poate fi prezentată în această formă:

La elaborarea listelor, principalul lucru nu este să exagerăm. Acestea servesc pentru a facilita percepția informațiilor. Nu trebuie să transformi toate acestea într-o rușine multicolore.