Mihai Sprinceana
Un forum de programare cu de toate. Va astept sa va inscrieti si sa deveniti moderatori. Oricine este binevenit aici sa se inscrie si sa aiba acces la informatie free! Fiecare este liber sa adauge proiecte programe free etc. Ajutati acest forum sa devina o comunitate puternica unde fiecare invata de la fiecare! Tot ce trebuie sa faceti este sa va inregistrati si fiecare contributie se poate dovedi utila in timp! Forumul este free informatia free dk aveti timp liber ajutati si pe ceilalti si invatati si voi in acelasi timp! Haideti sa facem ceva pt.a ne ajuta intre noi! Cititi regulament postare forum inainte de a posta!
Lista Forumurilor Pe Tematici
Mihai Sprinceana | Inregistrare | Login

POZE MIHAI SPRINCEANA

Nu sunteti logat.
Nou pe simpatie:
Alesiandra 24 ani
Femeie
24 ani
Cluj
cauta Barbat
28 - 58 ani
Mihai Sprinceana / Html / Liste in HTML Moderat de Myha, fireratbat, georgeleus, profu.info, sade5000
Autor
Mesaj Pagini: 1
Conan
Moderator

Inregistrat: acum 18 ani
Postari: 198
Exista 2 categorii de liste in HTML:

a) liste neordonate
b) liste ordonate

In HTML, intreaga sectiune a unui glosar va fi gestionata printr-o lista de definitii, care este inclusa intr-o
pereche de marcaje de lista de definitii: <dl>...</dl> (de la "definition list" = lista de definitii).

Observatii:

- Un termen al listei este initiat de eticheta <dt> (de la "definition term" = termen definit);
- Definitia unui termen este initiata de eticheta <dd> (de la "definition description" = descrierea definitiei);
- Definitia unui termen incepe pe o linie noua si este indentata;

Ca sa vedeti cum functioneaza tag-urile <dt> si <dd> sa luam urmatorul exemplu:

<html>
<head><title>Exemplu dt si dd</title></head>
<body><h1 align="center">O lista de definitii</h1><hr>
<dl>
Lista mea de termeni
<dt><b>Termenul1</b>
<dd>- explicatie termen1
<dt><b>Termenul2</b>
<dd>- explicatie termen2
<dt><b>Termenul3</b>
<dd>- explicatie termen3
</dl>
</body>
</html>

Liste neordonate
O lista neordonata este un bloc de text delimitat de etichetele corespondente <ul>...</ul> (" ul " vine de la
" unordered list " = lista neordonata). Fiecare element al listei este initiat de eticheta <li> (list item).

Mai jos aveti prezentat un exemplu:

<html>
<head><title>Exemplu lista neordonata</title></head>
<body><h1 align="center"> Iata o lista neordonata</h1><hr>
Glosarul de termeni aferent listei neordonate
<ul>Culori utilizate in lista neordonata
<li>Rosu <li>Galben <li>Albastru <li>Verde <li>Portocaliu <li>Mov <li>Roz <li>Bleu
</ul>
</body>
</html>

Obs: Tag-urile <ul> si <li> pot avea un atribut type care stabileste caracterul afisat in fata fiecarui
element al listei. Valorile posibile al acestui atribut sunt:

"circle" (cerc)
"disc" (disc plin) (valoarea prestabilita);
"square" (patrat)

Sigur ca listele neordonate pot fi imbricate pe mai multe niveluri lucru sugerat de exemplul de mai jos:

<html>
<head><title>Lista neordonata imbricata</title></head>
<body><h1 align="center">O lista neordonata imbricata pe mai multe niveluri</h1><hr>
Glosarul de termeni
<ul>Elemente si atribute a unei pagini HTML
<li>Frameset <ul>Atribute: <li>coloane <linii>rows <li>borduri           </ul>
<li>Frame <ul>Atribute: <li>src <li>nume <li>scrolling           </ul>
</ul>
</body>
</html>

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).

Iata mai jos un exemplu de lista ordonata:

<html>
<head><title>Exemplu lista ordonata</title></head>
<body><h1 align="center">Iata o lista ordonata</h1><hr>
<ol>Culori utilizate in lista ordonata
<li>Rosu <li>Galben <li>Albastru <li>Verde <li>Portocaliu <li>Mov <li>Roz <li>Bleu
</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 );

Mai jos avem un exemplu de lista ordonata cu cifre romane:

<html>
<head><title>Exemplu lista ordonata cu cifre romane</title></head>
<body><h1 align="center">Iata o lista ordonata cu cifre romane</h1><hr>
<ol type="I">Culori uzuale disponibile prin nume
<li>Rosu <li>Galben <li>Albastru <li>Verde <li>Portocaliu <li>Mov <li>Roz <li>Bleu
</ol>
</body>
</html>

Daca la linia 4 avem: <ol type="I"start="3"> -este un atribut care stabileste valoarea secventei de ordonare.
In acest caz numerotarea listei ordonate se va face incepand cu III(cifra 3 roman).

Cu atributul value din exemplul de mai jos stabilim o valoare pentru un anumit element al listei:

Exemplu: <li value="6">Albastru


pus acum 18 ani
   
Pagini: 1  

Mergi la