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.

listă în lista html

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
. Începe cu o etichetă de deschidere
    , și se termină cu o etichetă
. Fiecare element de listă nou începe cu o etichetă asociată
  • și se termină cu o închidere
  • .

    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

  • . De asemenea, are doi. Primul parametru de valoare poate modifica ordinea de numerotare. Și va fi schimbat până în momentul în care acest parametru nu este înregistrat din nou (sau până la sfârșitul întregii liste).


  • 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. .
    • 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.

    cum se face o listă html

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

      și
    . În acest caz, fiecare element nou începe cu aceeași etichetă asociată.

    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ă

    lista derulantă htmlȘ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.

    cum se face o listă în html

    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.

    Distribuiți pe rețelele sociale:

    înrudit
    Instrucțiuni: cum să ascundeți un prieten `VKontakte`?Instrucțiuni: cum să ascundeți un prieten `VKontakte`?
    Cum se face o listă drop-down în HTMLCum se face o listă drop-down în HTML
    Ca și în "Excel" faceți o listă derulantă (instrucțiuni pas cu pas)Ca și în "Excel" faceți o listă derulantă (instrucțiuni pas cu pas)
    Cum se creează o listă cu marcatori? Listele marcate și numerotateCum se creează o listă cu marcatori? Listele marcate și numerotate
    Ce este un playlist: concepte de bază și tipuriCe este un playlist: concepte de bază și tipuri
    Ca și în alfabetul de sortare al cuvântului WordCa și în alfabetul de sortare al cuvântului Word
    Detalii despre modul de trimitere a unei liste de redare prietenilor în "colegii de clasă"Detalii despre modul de trimitere a unei liste de redare prietenilor în "colegii de clasă"
    Cum se face o listă în Word: alfabetic: sfaturiCum se face o listă în Word: alfabetic: sfaturi
    O listă cu HTML și cu numere de codO listă cu HTML și cu numere de cod
    Cum se fac listele drop-down în Excel: cele mai simple metodeCum se fac listele drop-down în Excel: cele mai simple metode
    » » Cum se face o listă în listă. Manual HTML pentru începători