Disciplina TIC

Limbajul HTML

Liste HTML

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

HTML Afisare
Exemple de fructe: Exemple de fructe:
<ul>
<li>mere</li>  mere
<li>pere</li>  pere
<li>struguri</li>  struguri
</ul>
Elementele listei pot fi particularizate folosind atributul type care poate lua valorile square,
circle si disc.

Exemplu

HTML Afisare
Exemple de legume:
Exemple de legume:
<ul>  rosii
<li type="square">rosii</li>
<li type="circle">cartofi</li> o cartofi
<li type="disc">morcovi</li>
</ul>  morcovi

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

Exemplu

HTML Afisare
Exemple de combustibili: Exemple de combustibili:
<ol>
<li>benzina</li> 1. benzina
<li>motorina</li> 2. motorina
<li>gaz lichefiat</li> 3. gaz lichefiat
</ol>
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 Afisare
Disciplina TIC
Limbajul HTML

Medii de stocare: Medii de stocare:

<ol type="I">
<li>HDD-ul</li> I. HDD-ul
<li>discheta</li> II. discheta
<li>CD-ROM-ul</li> III. CD-ROM-ul
</ol>
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

HTML Afisare
Legenda:
<dl> Legenda:
<dt>HTML</dt> HTML
<dd>Hyper Text Mark-ul Language</dd> Hyper Text Mark-ul Language
<dt>IP</dt> IP
<dd>Internet Protocol</dd> Internet Protocol
</dl>
Listele pot fi imbricate, adica in interior pot contine una sau mai multe liste.

Exemplu

HTML Afisare
<ol> 1. Monitoare
<li>Monitoare o CRT
<ul type=”circle”> o LCD
<li>CRT</li> 2. Imprimante
<li>LCD</li> o cu jet de cerneala
</ul> o laser
</li>
<li>Imprimante
<ul type=”circle”>
<li>cu jet de cerneala</li>
<li>laser</li>
</ul>
</li>
</ol>
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