curs3_liste_in_html.ppt

8/17/2019 Curs3_Liste_in_HTML.ppt

http://slidepdf.com/reader/full/curs3listeinhtmlppt 1/13

Listele în HTML

Liste neordonateListe ordonate

Liste de definiţii



Listele vor începe pe rând nou.Browserele inserează un spaţiusuplimentar înaintea unei liste, şi oindentează spre dreapta.

listă poate avea antet. !ntetul estete"tul scris imediat după etic#eta dedesc#idere a listei.



Liste neordonate

$nserarea unei liste neordonate se face cu etic#etele% <UL>…</UL> &iecare element al unei liste neordonate tre'uie

cuprins între ta()urile%

<LI>…</LI>acestea au rolul de a afişa un sim'ol (rafic în faţaelementului listei. *"ista + tipuri de sim'oluri (rafice%

) isco ) circle ) s-uare

entru a ale(e unul dintre aceste sim'oluri sefoloseşte atri'utul type în cadrul etic#etei /0L1



Lista fără elemente

acă după etic#eta de desc#idere alistei nu se introduce nici un element,2nuse foloseşte perec#ea /li1/3li14 te"tul ceurmează etic#eta de desc#idere a listeiva fi indentat. !ceasta este o altă modalitate de scriere a

te"tului indentat.



*"emplu 5

a./0L1

/L$1*lementul 5/3L$1/L$1*lementul 6/3L$1

7/L$1*lementul 8/3L$1/30L1'./0L t9pe:s-uare1

/L$1*lementul 5/3L$1/L$1*lementul 6/3L$1/L$1*lementul +/3L$1/30L1

a. *lementul 5 *lementul 6 7

*lementul 8

'. *lementul 5 *lementul 6 *lementul +



Liste neordonate im'ricate

listă poate conţine ca şi element o altălista. ;n acest fel se o'ţin listeleim'ricate.

Lista interioară va fi du'lu indentată faţăde lista care o cuprinde.

*lementele listei interioare vor fiprecedate de un alt sim'ol (rafic decâtlista de nivel superior.



*"emplul 6

/0L1/L$1el5 lista 5/3L$1/L$1el6 lista 5/3L$1

/0L1/L$1el5 lista 6/3L$1

/0L1

/L$1el5 lista+/3L$1/L$1el6 lista+/3L$1/30L1

/L$1el6 lista 6/3L$1/L$1el+ lista 6/3L$1/30L1

/L$1el+ lista5/3L$1/30L1

*l5 lista 5 *l6 lista 5

o *l5 lista 6 *l5 lista + *l6 lista +

o *l6 lista 6o *l+ lista 6

< *l + lista 5



Liste ordonate

Lista ordonată se caracterizează prin numerotareaelementelor sale. rdinea elementelor contează.*"istă mai multe tipuri de numerotare%

=ifre ara'e 25,6,+,..4 =ifre romane 2$,$$,$$$,$>,..4

8umerotare alfa'etică 2a,',c,..4 $nserarea unei liste ordonate se face prin intermediul

etic#etei%<OL>…</OL>

&iecare element al listei se scrie între ta()urile%<LI>…</LI>, acestea având rolul de a afişa numerotarea în faţa fiecărui element.



entru a ale(e tipul de numerotare dorit, se foloseşteatri'utul type în cadrul etic#etei <OL>.

>alorile lui t9pe pot fi% T9pe:?!@ T9pe:?a@ T9pe:?$@ T9pe:?i@ T9pe:?5@

0n alt atri'ut al lui /L1 este start. !cesta specifică

numărul de ordine al elementului de început. $ndiferentde valoarea lui type, atri'utului start i se vor da valorinumerice 2în cifre ara'e4.



*"emplul 5

a./L1

/L$1elem 5/3L$1/L$1elem 6/3L$1/L$1elem +/3L$1

/3L1

'./L t9pe:?a@1

/L$1elem 5/3L$1/L$1elem 6/3L$1

/3L1c.

/L start:+ t9pe:?$@1/L$1elem 5/3L$1/L$1elem 6/3L$1/L$1elem +/3L$1

/3L1

a.5. *lem 56. *lem 6+. *lem +

'.a. *lem 5'. *lem 6

c.$$$. *lem 5$>. *lem 6>. *lem +



!tri'utele lui /li1

!tri'utul start poate fi folosit doar încazul listelor ordonate, şi va lua ca şivalori numere între(i pozitive.

!tât în cazul listelor ordonate, cât şi acelor neordonate,/li1 poate aveaatri'utul type, care poate lua valorile

corespunzătoare fiecărui tip de listă.L. 8eordonată% disc, circle, s-uareL. rdonată% !,a,$,i,5



Liste de definitii

Listele de definiţii reprezintă de fapt o înşiruire de definiţii. 0nelement al listei de definiţii are două parţi% Termenul definit /T1../3T1 efiniţia termenului /1../31

astfel de listă este încadrată între etic#etele <DL>…</DL>

0n element al listei se introduce cu următoarele etic#ete%<DT>numele termenului ce va fi definit<DD> definitia termenului</DD></DT>

;n cazul listelor de definiţii nu e"istă atri'ute.

Termenul şi definiţia lui vor fi afişate pe rânduri diferite. entru a economisi spaţiu, poate fi folosit atri'utul compact îninteriorul etic#etei /L1. !cesta determină afişarea pe acelaşirând a termenului şi a definiţiei sale. entru a o'ţine acest efect, termenul tre'uie să ai'ă un număr mic

de caractere.



*"emplu

/L1/T1termenul 5

/1definitia termenului5/31

/3T1

/T1termenul 6/1definitia termenului6/31

/3T1/T1termenul +

/1definitia termenului+/31/3T1/3L1

Termenul 5definitia termenului 5

Termenul 6definitia termenului 6

Termenul +definitia termenului +

curs3_liste_in_html.ppt

Documents