Liste

Raporteaza o problema la aceasta paginaTIPARIRE PAGINA FAVORITA E-MAIL

Liste

Listele sunt un mod simplu de organizare a informaţiei şi pot fi neordonate, ordonate şi de definiţii.

Liste neordonate
Aceste liste sunt delimitate de etichetele <ul> şi </ul> (unordered list) iar elementele de <li> şi </li> (list item) .

Exemplu:
HTML Afişare
Exemple de fructe:
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul> Exemple de fructe:

* mere
* pere
* struguri

Elementele listei pot fi particularizate utilizând atributul type care poate lua valorile square, circle şi disc.

Exemplu:

HTML Afişare
Exemple de legume:
<ul>
<li type="square">rosii</li>
<li type="circle">cartofi</li>
<li type="disc">morcovi</li>
</ul> Exemple de legume:

* rosii
* cartofi
* morcovii

Liste ordonate
Aceste liste sunt delimitate de etichetele <ol> şi </ol> (ordered list)iar elementele de <li> şi </li>.

Exemplu:
HTML Afisare
Exemple de combustibili:
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol> Exemple de combustibili:

1. benzina
2. motorina
3. gaz lichefiat

Elementele listei pot fi particularizate folosind atributul type care poate lua valorile A (litere mari), a (litere mici), I (cifre romane mari), i (cifre romane mici), 1 (optiunea default):

Exemplu:
HTML Afişare
Medii de stocare:
<ol>
<li type="I">HDD-ul</li>
<li type="I">discheta</li>
<li type="I">CD-ROM-ul</li>
</ol> Medii de stocare:

1. HDD-ul
2. discheta
3. CD-ROM-ul

Liste de definiţii
Aceste liste sunt delimitate de etichetele <dl> şi </dl> (definition list) .
Termenii listei sunt delimitaţi de etichetele <dt> şi </dt> (definition term) iar definiţiile termenilor de <dd> şi </dd> (definition description) .

Exemplu:
HTML Afişare
Legenda:
<dl>
<dt>HTML</dt>
<dd>Hyper Text Mark-ul Language</dd>
<dt>IP</dt>
<dd>Internet Protocol</dd>
</dl> Legenda:

HTML
Hyper Text Mark-ul Language
IP
Internet Protocol