Crearea listelor

Listele reprezinta metoda de baza de organizare liniara a datelor, articol dupa articol, si sunt foarte valoroase în aranjarea datelor într-un mod usor de folosit si de înteles.

2.3.1 Crearea unei liste numerotate

Pont de folosire rapida:

<OL>... articole ale listei...</OL>

<LI>articol al listei;

Crearea unei liste numerotate este probabil primul lucru pe care-l faceti când aveti de efectuat orice operatiune complexa, deci în mod natural HTML ne permite sa facem liste numerotate. Numerotarea are sens pentru orice list 646g69g 9; unde exista o ordine logica a articolelor individuale sau unde doriti sa tineti cu usurinta evidenta numarului total.

Lista propriu-zisa începe cu o eticheta <OL> si se termina cu o eticheta de închidere obligatorie</OL>, apoi se pune eticheta <LI> fiecarui articol. Eticheta <LI> poate avea o eticheta de închidere optionala, dar de obicei nu se foloseste, deoarece complica codul si îl face mai greu de citit.

ex.1: <H1>Materii studiate in anul trei de facultate:</H1>

<OL>

<LI>Retele

<LI>Grafica

<LI>Probabilitati si Statistica

</OL>

Schimbarea sistemului de numerotare implicit al unei liste ordonate

Pont de folosire rapida:

<LI type="tipul_listei" start="numar"> articol al listei

unde tipul_listei este:A (majuscule), a (litere mici), I (cifre romane cu majuscule), i (cifre romane cu litere mici) sau 1 (cifre arabe), care este si modul implicit.

Schimbarea tipului de numerotare este o idee buna pentru listele care contin numere sau pentru cele la care ordinea nu este asa de importanta, ca de exemplu la un test grila de matematica.

Ca exemplu, vom crea o lista ordonata, folosind litere in loc de numere.

ex.2: <P><B> Întrebarea nr.1: Care este radacina de ordinul 3 a lui 27? </B>

<OL>

<LI type="A"> 2.27950...

<LI>6

<LI>3

<LI>5.196152

<LI>9

</OL>

2.3.2 Crearea unei liste marcate pentru articole fara o ordine logica

Pont de folosire rapida:

<UL>...articole ale listei...</UL>

<LI>articol din lista

Unele liste nu sunt câtusi de putin ordonate sau ordinea este atât de insignifianta în cadrul lor încât nu are nici un sens sa le numerotam articolele. Un bun exemplu ar fi caracteristicile esentiale ale unui produs într-o brosura; sau o lista cu figuri istorice importante. Lista cu marcaje este facuta exact pentru acele tipuri de afisari si este chiar mai usor de folosit decât lista numerotata, deoarece exista mai putine optiuni.

ex.3: <H1> Figuri istorice în matematica si geometrie:</H1>

<UL>

<LI>Arhimede

<LI>Euclid

<LI>Pitagora

<LI>Euclid

</UL>

2.3.3 Schimbarea tipului de marcaje

Pont de folosire rapida:

<LI type="tipul_listei">articol din lista

unde tipul_listei poate fi circle (un cerculet gol), square (un patratel) sau disc (un disc umplut), care este si marcajul implicit. Listele imbricate pot fi create prin începerea unei noi liste, care poate fi de orice tip, imediat dupa un articol din lista curenta.

ex.4:<H1>Ciudatenii:</H1>

<UL>

<LI type="circle">Cercurile sunt ...

<LI type="square">Patratelele vin doar pe locul doi

<LI type="disc">Discurile sunt întotdeauna ultimele </UL>

2.3.4 Liste imbricate

1. Creati o lista ordonata sau neordonata cu etichetele corespunzatoare de lista.

2. Includeti articolele in lista cu o singura eticheta <LI>, selectând numarul de numerotare si numarul de start, daca este cazul.

3. Listele imbricate pot fi create prin începerea unei noi liste, care poate fi de orice tip, imediat dupa un articol al listei curente. Mergeti înapoi la pasul unu si repetati pâna terminati cu lista imbricata.

Listele pot fi destul de complexe daca stam sa ne gândim; o operatie poate fi alcatuita din mai multe operatii mai mici, care pot fi descompuse in operatii si mai mici.

2.3.5 Folosirea listelor de definitie pentru a crea o lista glosar sau de legatura

1. Creati o lista de definitie cu etichetele pereche <DL> si </DL>; tot ce se afla între etichete face parte din lista.

2. Inserati fiecare termen al definitiei printr-o simpla eticheta <DT>.

3. Plasati dupa fiecare explicatie a definitiei o simpla eticheta <DD>

Pont de folosire rapida:

<DL>...termeni si definitii sau alte elemente aflate în raport logic cu acestea... </DL>

<DT> termen sau fraza

<DD> definitie

Listele de definitie sunt ideale pentru crearea glosarelor, bineînteles, dar ele sunt de asemenea foarte valoroase pentru aproape orice ocazie în care doriti ca o lista de nume sau fraze descriptive sa fie urmata de o valoare sau de o definitie.

ex.5:<H1> Lista de legaturi ale ...</H1>

<DL>

<DT> Biografie

<DD> www.lib.virginia.edu/hypatia.html

<DT> Euclide

<DD>www.chewble.com

</DL>

Acesta este singurul tip de lista care nu foloseste eticheta de articol de lista pentru elementele sale. În schimb exista doua etichete de articol, dintre care una, <DT>, marcheaza termenul definit, iar celalalt, <DD>, marcheaza explicarea lui.

2.3.6 Folosirea altor tipuri de liste

1. Creati o lista de meniu sau de director cu etichetele pentru meniu (<MENU>) sau pentru directoare (<DIR>).

2. Includeti articole în lista cu o simpla eticheta <LI>.

Pont de folosire rapida:

<MENU>...articolele listei...</MENU>

sau

<DIR>...articolele listei...</DIR>

Aceste tipuri de liste nu prea mai sunt folosite, cu toate ca ele se mai întâlnesc din când în când. Trebuie stiut cum se folosesc acestea pentru a le putea întretine, dar evitati-le în paginile dumneavoastra pe cât posibil.

Spre deosebire de listele neordonate normale, elementele de meniu sau directoarele nu pot contine niciodata liste imbricate sau altceva.

ex.6: <H1>Raioanele magazinului:</H1>

<DIR>

<LI> Parter-Parfumerie si obiecte de toaleta

<LI> Etajul întâi-mobilier

<LI> Etajul doi-îmbracaminte de dama

</DIR>