100 likes | 484 Views
Liste. Liste. Listele sunt folosite pentru a reda informa ţiile în mod organizat Există 3 tipuri de liste liste neordonate liste ordonate liste de definiţie . Liste neordonate. Se creează cu ajutorul tagului < ul ></ ul > Fiecare element al listei este introdus de tagul < li >
E N D
Liste Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste • Listelesuntfolositepentru a redainformaţiile în mod organizat • Există 3 tipuri de liste • liste neordonate • liste ordonate • liste de definiţie Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste neordonate • Se creează cu ajutorul tagului<ul></ul> • Fiecare element al listeiesteintrodus de tagul<li> • Pentru a definicaracterulafişat în faţa fiecărui element al listei se foloseşte atributul typecu următoarele valori posibile: - circle - disc (implicit) -square Ex <ul type="circle"> <li>primul element <li>al doilea element <li>al treilea element </ul> • primul element • al doilea element • al treilea element Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste ordonate • Se creează cu ajutorul tagului<ol></ol> • Fiecare element al listeiesteintrodus de tagul<li> • Pentru a definicaracterulafişat în faţa fiecărui element al listei se foloseşte atributul typecu următoarele valori posibile: - A – pentru ordonare de tipul A,B,C… - a – pentru ordonare de tipul a,b,c… - i – pentru ordonare de tipul i,ii,iii… - I – pentru ordonare de tipul I,II,III… - 1 – pentru ordonare de tipul 1,2,3… (implicit) • Deasemenea pentru listele ordonate se poate folosi ţi atributul start, care stabileşte valoarea iniţială a secvenţei de ordonare. Valoarea acestui atribut trebuie să fie un număr întreg pozitiv. Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste ordonate Ex <ol type=“A“ start=”2”> <li>primul element <li>al doilea element <li>al treilea element </ul> primul element al doilea element al treilea element Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste de definiţie • Reprezintă un caz special de liste în care elementele listei nu sunt nici numerotate, nici marcate, dar sunt prezentate pe două niveluri de indentare. • Se creează cu ajutorul tagului<dl></dl> • Fiecare element al listeiesteintrodus de tagul<dt> • Fiecare element introdus cu tagul<dt>are la rândul său unul sau mai multe elemente care îl definesc, introduse cu tagul<dd> Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Liste de definiţie Ex <dl> <dt>mouse <dd>soarece <dt>dog <dd>caine <dt>big <dd>mare <dt>to play <dd>a se juca <dd>a canta la un instrument <dt>home <dd>casa <dd>domiciliu <dd>locuinta </dl> mouse soarece dog caine big mare to play a se juca a canta la un instrument home casa domiciliu locuinta Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"
Îmbricarea listelor • În cadrul unei liste, fie ea ordonată sau neordonată, se pot include şi alte liste, procedeu numit îmbricare. • Ex <ul type="disc"> <li>Dispozitive periferice de intrare <ul type="circle"> <li>Tastatura <li>Mouse <li>Scanner </ul> <li>Dispozitive periferice de iesire <ul type="circle"> <li>Monitor <li>Imprimanta <li>Boxe </ul> </ul> • Dispozitive periferice de intrare • Tastatura • Mouse • Scanner • Dispozitive periferice de iesire • Monitor • Imprimanta • Boxe Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"