Crearea listelor in HTML
In html exista posibilitatea ca anumite enunturi sa fie numerotate sau marcate într-un anumit fel. O astfel de organizare poarta numele de lista.
In html se pot descrie trei tipuri de liste: liste ordoonate, în care elementele sunt numerotate, liste neordonate, în care elementele sunt marcate de asa natura încât nu se suger 151e42b eaza o anumita ordine a lor si liste de tip definitie. Mai jos puteti observa cele trei tipuri de liste:
1. Bloc . Bloc Bloc
Multe etaje, zeci de familii
2. Vila . Vila Vila
Unu sau doua etaje, cel mult 5 familii
Casa . Casa Casa
N-are etaje, o familie
Lista ordonata Lista neordonata Lista de tip definitie
Elementul ol (Ordered Lists) creeaza o lista ordonata. Elementele listei sunt trecute între tag-urile <ol> si </ol>
Elementul li (List Item) descrie un element al listei. Tag-ul obligatoriu este cel de început <li>, iar cel de sfârsit este facultativ: </li>.
Exemplu: o lista ordonata:
(P> Urmeaza un exemplu de lista:</P>
<OL>
<LI> primul exemplu;
<LI> al doilea exemplu;
<LI> al treilea exemplu;
</OL>
Urmeaza un exemplu de lista:
1. primul exemplu;
2. al doilea exemplu;
3. al treilea exemplu;
Elementul ol are atributul type. Valorile pe care le poate lua acest atribut, precum si modul în care arata lista se pot observa în continuare:
a primul exemplu; i. primul exemplu; A. primul exemplu;
b. al doilea exemplu; ii. al doilea exemplu; B. al doilea exemplu;
c. al treilea exemplu; iii. al treilea exemplu; C. al treilea exemplu;
<OL type=a> <OL type=i> <OL type=A>
I. primul exemplu; 1. primul exemplu;
II. al doilea exemplu; 2. al doilea exemplu;
III. al treilea exemplu; 3. al treilea exemplu;
<OL type=I> <O1 type-l>
Elementul ul (Unordered Lists) descrie o lista neordonata. Elementele listei sunt cuprinse între tag-urile <OL> si </ut>.
<P> Urmeaza un exemplu de lista:</P> Urmeaza un exemplu de lista:
<LI> prinul exemplu; primul exemplu;
<LI> al doilea exenplur; al doilea exemplu;
<LI> al treilea exenplu; al treilea exemplu;
<ul>
Elementul ul are atributul type. Valorile pe care le poate lua acest atribut, precum si modul în care arata lista se pot observa în continuare:
o primul exemplu; ▪ primul exemplu; . primul exemplu;
o al doilea exemplu; ▪ al doilea exemplu; . al doilea exemplu;
o al treilea exemplu; ▪ al treilea exemplu; . al treilea exemplu;
<DL type=eircle> <UL type=square> <UL type-disc>
Desigur, putem construi liste imbricate, asa cum se poate observa cu usurinta în exemplul urmator:
<OL typc=I>
<LI> Exemplul 1
<UL type=square>
<LI> Varianta A
<LI> Uarianta B
<LI> Uarianta C
</UL>
<LI> Exemplul 2
<UL type=square>
<LI> Uarianta PA
<LI> Uarianta B
</UL>
</OL>
I Exemplul l
. Varianta A
. Varianta B
. Varianta C
II. Exemplul 2
. Varianta A
. Vâri anta B
Pentru a lasa un rând liber putem marca un paragraf prin <p> </p>, sau... numai <p>.
Elementul dl (Definition Lists) are rolul de a descrie o lista de definitii El foloseste tag-urile <dl> </dl>.
Elementul dt (Definition Term) defineste termenul din lista care trebuie descris. El utilizeaza tag-ul <dt>.
Elementul dd (Definition Description) are rolul de a retine descrierea termenului. El utilizeaza tag-ul <dd>
Exemplu de lista definitie:
<DL>
<DT> to elapse <DD> a trece, a se scurge <DT> I've never seen <DD> n-am (mai) vazut
(niciodata)
</DL>
to elapse
a trece, a se scurge
I've never seen
n-am (mai) vazut (niciodata)
|
