Descriere:Liste ordonate
Download:nu necesita
Autor:Anonim
Sursa (Link-ul oficial): Propria parere:Util
Tutorialul:
O lista ordonata de elemente este un bloc de text delimitat de etichetele corespondente <ol>...</ol> (" ol " vine de la " ordered list " = lista ordonata). Fiecare element al listei este initiat de eticheta <li> (list item).
Lista va fi indentata fata de restul paginii Web si fiecare element al listei incepe pe un rand noua.
Cod: Selectaţi tot
<html>
<head><title>listex_4</title></head>
<body><h1 align="center">O lista ordonata</h1><hr>
<ol>Culori uzuale disponibile prin nume
<li>Black <li>White <li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua
</ol>
</body>
</html> Tag-urile <ol> si <li> pot avea un atribut type care stabileste tipul de caractere utilizate pentru ordonarea listei.Valorile posibile sunt:
" A " pentru ordonare de tipul A , B , C , D etc. ( litere mari );
" a " pentru ordonare de tipul a , b , c , d etc. ( litere mici );
" I " pentru ordonare de tipul I , II , III , IV etc. ( cifre romane mari );
" i " pentru ordonare de tipul i , ii , iii , iv etc. ( cifre romane mici );
" 1 " pentru ordonare de tipul 1 , 2 , 3 , 4 etc. ( cifre arabe - optiune prestabilita );
Urmatorul exemplu este o lista ordonata cu cifre romane
Cod: Selectaţi tot
<html>
<head><title>listex_5</title></head>
<body><h1 align="center">O lista ordonata cu cifre romane</h1><hr>
<ol type="I">Culori uzuale disponibile prin nume
<li>Black <li>White <li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua
</ol>
</body>
</html> Tag-ul <ol> poate avea un atribut start care stabileste valoarea initiala a secventei de ordonare.Valoarea acestui atribut trebuie sa fie un numar intreg pozitiv.
Urmatorul exemplu este o lista ordonata cu litere mari, incepand de la valoarea C.
Cod: Selectaţi tot
<html>
<head><title>listex_6</title></head>
<body><h1 align="center">O lista ordonata cu litere mari, incepand de la valoarea C</h1><hr>
<ol type="A" start="3">Culori uzuale disponibile prin nume
<li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua
</ol>
</body>
</html>
Tag-ul <li> poate avea un atribut value care satileste valoare pentru elementul respectiv al listei. Valoarea acestui atribut trebuie sa fie un numar intreg pozitiv (vezi urmatorul exemplu).
Cod: Selectaţi tot
<html>
<head><title>listex_7</title></head>
<body><h1 align="center">O lista ordonata avand itemi setati individual</h1><hr>
<ol start="3">Repetati urmatorii pasi ai algoritmului
<li>salvati fisierul;
<li value="6">incarcati fisierul in browser;
<li>schimbati browserul utilizat
<li>incarcati din nou fisierul
</ol>
</body>
</html> Listele ordonate pot fi imbricate intre ele sau cu liste neordonate, ca in exemplul urmator.
Cod: Selectaţi tot
<html>
<head><title>listex_8</title></head>
<body><h1 align="center">O lista ordonata de liste ordonate si neordonate</h1><hr>
<ol>Un sistem informatic include:
<li>Hardware:
<ol>
<li>placa de baza
<li>procesor
<li>memorie
<li>harddisk
</ol>
<li>Software:
<ul>
<li>Linux
<li>Windows
<li>OS/2
<li>Unix
</ul>
<li>Software de aplicatie:
<ul type="disc">
<li>VisualC++
<li>Java
<li>SQL
<li>CorelDraw
</ul>
</ol>
</body>
</html>
O lista de meniuri este un bloc delimitat de etichete corespondente <menu>...</menu>. Fiecare element al listei este initiat de eticheta <li> ( list item ). Cele mai multe browsere afiseaza lista de meniuri ca pe o lista neordonata.
O lista de directoare este un bloc delimitat de etichete corespondente <dir>...</dir> (de la " director "). Fiecare element al listei este initiat de eticheta <li> ( list item ). Cele mai multe browsere afiseaza lista de directoare ca pe o lista neordonata.
(Nu se recomanda utilizarea acestori tipuri de liste).