1

Liste

Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"

Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"

2

Liste Listele sunt folosite pentru a reda informaţiile în

mod organizat Există 3 tipuri de liste

o liste neordonateo liste ordonate o liste de definiţie

Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"

3

Liste neordonate Se creează cu ajutorul tagului <ul></ul> Fiecare element al listei este introdus de tagul <li> Pentru a defini caracterul afişat în faţa fiecărui element

al listei se foloseşte atributul type cu următoarele valori posibile:- circle - disc (implicit)-square

Ex<ul type="circle"> <li>primul element <li>al doilea element <li>al treilea element </ul>

o primul element o al doilea elemento al treilea element

Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"

4

Liste ordonate Se creează cu ajutorul tagului <ol></ol> Fiecare element al listei este introdus de tagul <li> Pentru a defini caracterul afişat în faţa fiecărui element al listei

se foloseşte atributul type cu 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"

5

Liste ordonateEx<ol type=“A“ start=”2”> <li>primul element <li>al doilea element <li>al treilea element </ul>

B. primul element C. al doilea elementD. al treilea element

Opţional Informatică-Liste Grupul Şcolar "Ion Nistor"

6

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 listei este introdus 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"

7

Liste de definiţieEx<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"

8

Î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 o Tastatura o Mouse o Scanner

• Dispozitive periferice de iesire o Monitor o Imprimanta o Boxe