Listele sunt folosite pentru a combina informațiile într-un grup de obiecte conexe pentru a facilita asocierea acestora cu altele și citirea. În dezvoltarea actuală a webului, listele sunt elementele de bază utilizate adesea pentru navigație, precum și conținutul convențional.
Listele sunt bine adaptate din punct de vedere structural, deoarece contribuie la crearea unui document bine structurat, mai accesibil și mai ușor de întreținut. Ele sunt, de asemenea, utile din motive pur practice - ele oferă elemente suplimentare pentru conectarea la stilurile CSS pentru o varietate de stiluri de design.
- Trei tipuri de liste
- Liste neordonate
- Liste ordonate
- Amenajarea unei liste ordonate
- Începerea listelor comandate de la un alt număr decât 1
- Selectarea unui tip de listă
- Diferența dintre listele HTML și text
- Listele născute
- Un exemplu pas cu pas
- Amenajarea paginii principale
- Adăugarea unor stiluri
- Pagina de rețete
- Page layout pentru rețete
- Rețetă design pagini
- concluzie
- Lectură suplimentară
- Întrebări de test
Trei tipuri de liste
Există trei tipuri de liste în HTML:
- Lista neordonată - folosită pentru a grupa un set de obiecte înrudite fără o comandă specifică.
- Lista ordonată - folosită pentru a grupa împreună un set de obiecte conexe într-o anumită ordine.
- O listă de definiții este folosită pentru a genera perechi de nume / valoare, cum ar fi termenii și definițiile acestora. sau timp și evenimente.
Fiecare dintre ele are un scop specific - ele nu sunt interschimbabile!
Liste neordonate
Listele neordonate sau listele cu marcatori sunt folosite atunci când mai multe obiecte pot fi plasate în orice ordine. Un exemplu este lista de cumpărături:
Cu toate acestea, toate aceste obiecte fac parte din aceeași listă, puteți plasa obiectele în orice ordine și lista va avea în continuare sens:
Puteți utiliza CSS pentru a schimba jetonul pe una din mai multe utilizate de stiluri prestabilite, utilizați propria imagine, sau a afișa o listă de jetoane gratuite - vom vedea cum se face acest lucru un pic mai târziu în acest capitol, și să extindă un pic mai departe într-un curs viitor.
Marcajul listei neordonate
Listele neordonate utilizează o pereche de etichete
:
- Strângeți ingredientele
- Se amestecă ingredientele
- Așezați ingredientele într-un vas de copt
- Coaceți în cuptor timp de o oră
- Scoateți din cuptor
- Lăsați să stea timp de zece minute
- impozit
- Strângeți ingredientele
- Coaceți în cuptor timp de o oră
- Scoateți din cuptor
- impozit
- Așezați ingredientele într-un vas de copt
- Lăsați să stea timp de zece minute
- Se amestecă ingredientele
- scrisori
- Literele ascii de dimensiuni mai mici (a, b, c ...)
- Scrisori mari ascii (A, B, C ...)
- Literele grecesti clasice de litere mici: (,, ...)
- numerele
- Numere zecimale (1, 2, 3 ...)
- Numere zecimale cu zero zero (01, 02, 03 ...)
- Numerele romane cu litere mici (i, ii, iii ...)
- Numerele romane din registrul superior (I, II, III ...)
- Numerotarea tradițională georgiană (un ban, Gan ...)
- Numerotarea armeană tradițională (mek, yerku, yerek ...)
Aici puteți utiliza și CSS pentru a schimba stilul listei.
Amenajarea unei liste ordonate
Listele comandate utilizează o pereche de etichete
:
- Strângeți ingredientele
- Se amestecă ingredientele
- Așezați ingredientele într-un vas de copt
- Coaceți în cuptor timp de o oră
- Scoateți din cuptor
- Lăsați să stea timp de zece minute
- impozit
Liste ordonate
Listele comandate sau listele numerotate sunt utilizate pentru a afișa o listă de obiecte care trebuie plasate într-o anumită ordine. Un exemplu poate fi instrucțiunile de gătit pentru gătit, care trebuie efectuate într-o anumită ordine a rețetei:
Dacă lista articolelor este rearanjată într-o altă ordine, atunci informațiile nu vor mai avea sens:
Listele comandate pot fi afișate utilizând unul sau mai multe sisteme digitale sau alfabetice - adică litere sau numere. În mod implicit, majoritatea browserelor utilizează numere zecimale, dar există mai multe opțiuni.
Începerea listelor comandate de la un alt număr decât 1
Puteți crea o listă ordonată, a cărei numerotare începe cu un număr diferit de 1 (sau i, sau eu, etc.). Aceasta se face folosind atributul start. care are o valoare numerică, chiar dacă utilizați CSS pentru a schimba numerotarea listei în alfabetică sau romană folosind proprietatea de tip listă. Acest lucru este util dacă există o singură listă de obiecte, dar doriți să rupeți lista cu unele note sau alte informații adecvate. De exemplu, puteți face acest lucru cu exemplul anterior:
Acest lucru duce la următorul rezultat:
Înainte de a pune ingredientele într-un vas de coacere, încălziți cuptorul la 180 grade Celsius / 350 grade Fahrenheit pentru a fi pregătit pentru etapa următoare
Articole similare
Trimiteți-le prietenilor: