Cum se face o listă în listă. Manual HTML pentru începători

Paginile de site-uri web sunt compuse din mai multe elemente - tabele, imagini, linkuri, fișiere media, liste. Unul dintre cele mai căutate articole este doar lista. Cu ajutorul acestuia, puteți organiza informații, le puteți prezenta într-o formă mai concisă și mai ușor de înțeles, pentru a facilita percepția. De aceea ar trebui să știți cum să faceți o listă în HTML și ce tipuri de liste există. De asemenea, învățați cum să setați parametrii necesari.

Tipuri de liste

În primul rând, să subliniem principalele tipuri de liste cu care putem lucra. Este ordonat, dezordonat și drop-down liste.

Primul vă permite să numerotați conținutul cu numere și litere. Al doilea este o enumerare normală a acestor sau a altor elemente, al treilea vă permite să selectați din întreaga listă elementul dorit.

Aproape fiecare dintre ele poate conține o listă în listă. HTML vă permite să creați cu ușurință liste complexe de informații într-un timp foarte scurt.

Mai întâi, decideți care dintre listele de care aveți nevoie și apoi continuați să o creați. Mai jos vom analiza toate cele trei tipuri de liste și vom afla exact cum să le creați și ce parametri au.

Lista ordonată

Să începem cu cea mai utilizată și distribuită listă - ordonată. În acest caz, enumerarea anumitor informații merge într-o anumită ordine, iar fiecare element este numerotat. De exemplu, o listă de clase:

1. Ivanov.
2. Petrov.
3. Sidorov și așa mai departe.

Setați această listă utilizând etichete asociate

și

, și se termină cu o etichetă

Acum știi cum să faci o listă HTML. După cum puteți vedea, pentru asta este suficient să vă amintiți doar două etichete.

Un pic despre parametrii etichetei

- tip andstart.

Primul specifică tipul de numerotare - alfabetic sau numeric. Poate lua astfel de parametri: A, a, I, i, 1.

Primele două valori stabilite numerotarea alfabetului latin - mari și mici, al doilea - două mari și mici cifre romane, acesta din urmă valoare este folosită dacă doriți ca lista a fost numerotată Cifre arabe.

Trebuie notat că în listele implicite numerotarea este întotdeauna specificată folosind cifre arabe.

Al doilea parametru - start - specifică numărul din care începe numărarea listei.

Vom mai spune câteva cuvinte și despre parametrii etichetei

Al doilea parametru - tip - va ajuta la schimbarea tipului de numerotare pentru acest element. Destul de des există o variantă a unei liste complexe. De exemplu, să luăm o aproximație eseu:

1. Introducere.
2. Partea principală.
   a) opinia altora -
   c) opinia mea -
   c) Dovezi.
3. Concluzii.

Este foarte ușor să creați o astfel de listă în lista HTML. Este suficient să scrieți o listă principală, apoi să creați al doilea sub-element în locul potrivit folosind o numerotare diferită. Iată un exemplu de cod bazat pe lista noastră:

• .
• 1. Introducere
.
• 2. Partea principală
.
• opinia altora
.
• opinia mea
.
• evidență
.
• .
• 3. Concluzii
.
• .

Lista neordonată

Al doilea tip de listă este neordonat. Nu contează în ce ordine elementele merg. Poate fi o listă de orice - cumpărări, oaspeți, cărți etc.

Această listă este specificată utilizând eticheta asociată

și

Are un singur tip de parametru, care stabilește tipul de marcator. Marcatorul poate fi un cerc - vopsit sau nu, precum și un pătrat pictat. Deci, un cerc gol are discul valorii, cercul umbrit. Pătratul este dat de pătrat.

Există, de asemenea, posibilitatea de a crea o listă în lista HTML. Pentru aceasta, ca și în primul caz, va trebui să creați două liste, dintre care una este de bază, a doua este imbricată.

Listă derulantă

Și ultimul tip de liste este un dropdown. Practic, este folosit cu scripturi și servește pentru ca utilizatorul să trimită această sau acea informație proprietarilor site-ului sau unui anumit program.

Exemplele includ liste, din care ar trebui să alegeți țara de reședință, locul de studii sau de muncă, data nașterii, evaluarea unui articol, și așa mai departe. D. În acest caz, selectați elementul listă care aveți nevoie înainte de a trimite informațiile.

Pe scurt, menționăm etichetele care ajută la crearea unei liste derulante. HTML nu are funcționalitate completă pentru a crea date de listă. Rețineți că atunci când lucrați cu acest tip de listă, trebuie să știți nu numai elementele de bază ale aspectului paginii, ci și să înțelegeți stilurile CSS și script-urile java.

Lista în sine este definită folosind etichete asociate .

Fiecare element nou începe cu o etichetă asociată .

Dacă decideți să creați o astfel de listă pe site-ul dvs., vă recomandăm să găsiți adăugări speciale în motorul dvs. Cu aceasta, crearea unei liste drop-down este mult mai ușoară decât scrierea.

constatări

Unul dintre cele mai utilizate elemente din paginile site-urilor este listele. Creați-le este foarte simplă, folosind doar câteva etichete cu parametri simpli. Dacă doriți, puteți crea o listă în listă. Marcajul HTML vă permite să îl creați în doar câteva minute.