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:
Code: Select all
HTML
Exemple de fructe:
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul>
Code: Select all
AFISARE
Exemple de fructe:
* mere
* pere
* struguri
Exemplu:
Code: Select all
HTML
Exemple de legume:
<ul>
<li>rosii</li>
<li>cartofi</li>
<li>morcovi</li>
</ul>
Code: Select all
AFISARE
Exemple de legume:
* rosii
* cartofi
* morcovii
Aceste liste sunt delimitate de etichetele <ol> ÅŸi </ol> (ordered list)iar elementele de <li> ÅŸi </li>.
Exemplu:
Code: Select all
HTML
Exemple de combustibili:
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol>
Code: Select all
AFISARE
Exemple de combustibili:
1. benzina
2. motorina
3. gaz lichefiat
Exemplu:
Code: Select all
HTML
Medii de stocare:
<ol>
<li>HDD-ul</li>
<li>discheta</li>
<li>CD-ROM-ul</li>
</ol>
Code: Select all
AFISARE
Medii de stocare:
I. HDD-ul
II. discheta
III. CD-ROM-
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:
Code: Select all
HTML
Legenda:
<dl>
<dt>HTML</dt>
<dd>Hyper Text Mark-ul Language</dd>
<dt>IP</dt>
<dd>Internet Protocol</dd>
</dl>
Code: Select all
AFISARE
Legenda:
HTML
Hyper Text Mark-ul Language
IP
Internet Protocol