Tutorial HTML

Data publicarii: Februarie 2006

Tutoriale » HTML » Liste

HTML Feb 2006

Liste

Listele sunt un mod simplu de organizare a informatiei si pot fi neordonate, ordonate si de definitii.

Liste neordonate
Aceste liste sunt delimitate de etichetele <ul> si </ul> iar elementele de <li> si </li>.

Exemplu

HTMLAfisare
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 folosind atributul type care poate lua valorile square, circle si disc.

Exemplu

HTMLAfisare
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
  • morcovi

Liste ordonate
Aceste liste sunt delimitate de etichetele <ol> si </ol> iar elementele de <li> si </li>.

Exemplu

HTMLAfisare
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

HTMLAfisare
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 definitii
Aceste liste sunt delimitate de etichetele <dl> si </dl>.
Termenii listei sunt delimitati de etichetele <dt> si </dt> iar definitiile termenilor de <dd> si </dd>.

Exemplu

HTMLAfisare
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

Listele pot fi imbricate, adica in interior pot contine una sau mai multe liste.

Exemplu

HTMLAfisare
<ol>
<li>Monitoare
<ul>
<li>CRT</li>
<li>LCD</li>
</ul>
</li>
<li>Imprimante
<ul>
<li>cu jet de cerneala</li>
<li>laser</li>
</ul>
</li>
</ol>
  1. Monitoare
    • CRT
    • LCD
  2. Imprimante
    • cu jet de cerneala
    • laser

Legenda:
ul = unordered list
ol = ordered list
li = list item
dl = definition list
dt = term in a definition list
dd = description of a term in a definition list

Sus

Tutoriale
10 Dec 2016  2:40 PM
Tutoriale

Copyright © 2005-2016 Termeni si conditii
Adauga comentariu
Nume:*
Email:*
Comentariu:*
 Poza 
Introduceti codul:*

Completarea campurilor marcate cu * este obligatorie.

Autorul isi rezerva dreptul de a nu posta comentariile care nu au legatura cu subiectul articolului.

 
Comentarii:
Carmen
28-03-2013
Am vazut ca in unele siteuri sunt folosite liste dar cand sunt afisate nu arata ca niste liste. de exemplu in meniuri. imi poti spune cum sunt scrise acele liste. eu nu am aflat inca maniera asta de a folosi listele. MERCi
Autor
28-03-2013
Listele la care faci referinta sunt formatate cu css.

Sus