Listele cu marcatori și numerotate HTML

Există două tipuri de liste, în limbajul HTML: ordonate și neordonate. Crearea lor este aproape la fel. Chiar și tag-uri diferă de un caracter. Puteți crea, de asemenea, liste cu mai multe niveluri, care ar putea include atât numerotat și marcator.

Aceste liste pot fi convertite în voie. Totul depinde de imaginatia ta. În primul rând, considerăm listele standard, cum ar fi în Word, iar apoi le vom îmbunătăți și de a face de nerecunoscut.

Lista HTML numerotată

Neutral ordonate Lista HTML pot fi create folosind următoarele etichete:

1. Primul articol lista

2. Al doilea articol lista

3. Al treilea element lista

   Lista simplă aici arata ca

   Conform standardelor, fiecare element din lista trebuie să fie în interiorul deschidere și închidere tag-ul li. Dar, dacă nu pune eticheta de închidere, rezultatul este exact la fel. Handler este foarte inteligent. În timpul listei de conversie, el analizează etichetele de deschidere. Dacă el vede un nou

4. , apoi le pune automat în fața .

   Astfel, listele se poate face așa cum se arată mai jos.

   Dar, din punct de vedere al profesioniștilor este incorectă.

   liste cu marcatori

   Nenumerotate (sau marker) liste sunt exact la fel, numai că în loc de tag-ul ol scris.

   În listele cu marcatori, nici o cifre sau litere - numai caractere diferite, care sunt numite markeri.

   Multinivel lista numerotată HTML

   Mulți oameni sunt interesați de o astfel de oportunitate. Prin urmare, trebuie remarcat faptul că orice listă numerotată HTML poate fi pe mai multe niveluri. Straturile suplimentare pot fi aceleași sau etichetate.

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

   Rețineți că, în acest cod, în contrast cu primul exemplu, adăugată tipul de atribut. Datorită lui, puteți specifica tipul de sortare pentru ambele numerotate și pentru listele de marcare.

   Pentru numerotat specifica tipul de alfabet sau de numere, iar pentru celelalte cazuri - tipul de marcator.

   sortarea listă de opțiuni

   Dacă utilizați un HTML-etichetă specială, liste numerotate pot fi orice fel doriți.

   Puteți specifica atributul de tip la orice valoare din tabel. Sau clasă stil css specifica lista-stil-tip cu tipul de sortare dorit.

   Traducerea valorilor este destul de simplu. Destul cunoștințe de bază de limba engleză. Dar, chiar dacă nu se poate traduce cuvântul „cerc“, „pătrat“, și așa mai departe. N., puteți vedea vizual ceea ce este rezultatul, atunci când specificați aceste valori în atributul de tip.

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

   • 1 - cifre arabe;
   • A - litere mari litere ;
   • a - litere mici;
   • I - litere mari cifre romane;
   • i - cifre romane cu litere mici.

   În mod implicit, lista este întotdeauna utilizată cu cifre arabe. Asta este, dacă nu se specifică nimic, este echivalent cu type = „1“.

   În plus, listele numerotate pot începe în orice poziție dorită. Implicit - încheierea 1. Dar, dacă doriți, puteți începe chiar cu o sută. Pentru a face acest lucru, trebuie să specificați atributul începe cu orice valoare.

   În plus, se poate concluziona în ordine inversă. Pentru a face acest lucru, scrie inversat.

   Efectuarea de liste

   Lista HTML numerotată pot fi aranjate frumos, astfel încât să nu puteți ghici imediat că aceasta este lista de obicei, și nu o imagine făcută în Photoshop.

   Iată câteva exemple frumoase de liste.

   După cum se poate observa din acest exemplu, este posibil să se schimbe aspectul și numerotarea elementelor propriu-zise.

   Puteți crea o listă regulată ca aceasta.

   În stilurile css trebuie să specificați designul pentru eticheta ol. Rețineți că, în acest caz, setările vor fi aplicate toate listele toate site-urile care folosesc acest fișier stil.

   Luați în considerare prima variantă de realizare, cu o listă de verificare circulară. Reveniți la lista de coduri. Există Set clasa rotunjite listă. Asta este cu această clasă este nevoie să se joace, pentru a face o astfel de frumusețe. Sunați clasa pe care o doriți.

   Acum, ia în considerare un design pătrat.

   Stilurile sunt foarte asemănătoare. Diferența este că, în primul caz, există un element de rotunjire prin opțiuni css.

   Browser-ul Suport

   Este important să înțelegem că nu toate browserele suporta toate atributele css.

   De exemplu, doriți să faceți o listă numerotată în mijloc. HTML-cod va fi la fel, dar rezultatul în browserele mai vechi pot fi destul de diferite.

   Același lucru este valabil și pentru proiectarea de numerotare.

   După cum puteți vedea, pătratele în jurul numerelor în versiunile mai vechi ale IE nu a apărut, pentru că handler nu cunoaște noile atribute care vă permit să facă o astfel de înregistrare.

   coder profesională trebuie să anticipeze și să înțeleagă că nu toți utilizatorii folosesc computerele moderne. Nu toate instalat Windows 7, 8, 10. Există un procent de utilizatori care încă stă pe Windows XP și utilizează o versiune mai veche de Internet Explorer.

   Ca o regulă, aproape toate modelele moderne pentru a îmbunătăți elementele lor nu sunt acceptate. Utilizatorul va simți că el nu a lucrat la designul site-ului. Că tot mutat. Elementele sunt torsadate împreună. Pentru a evita acest lucru, trebuie să contorizați toate opțiunile.

   Unele webmasteri sunt de cotitură un ochi orb pentru ei, pentru că ponderea lor în piață astăzi, devine din ce în ce mai puțin. Dar pentru profesionale aprecia fiecare vizitator, mai ales în cazul în care acesta este un site comercial.

   Fa ceva potrivit pentru toate sau ia în considerare toate opțiunile pentru browser.