Tutorial HTML
Data publicarii: Februarie 2006
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
HTML | Afisare |
Exemple de fructe:
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul>
|
Exemple de fructe:
|
Elementele listei pot fi particularizate folosind atributul type care poate lua valorile square, circle si disc.
Exemplu
HTML | Afisare |
Exemple de legume:
<ul>
<li type="square">rosii</li>
<li type="circle">cartofi</li>
<li type="disc">morcovi</li>
</ul>
|
Exemple de legume:
|
Liste ordonate
Aceste liste sunt delimitate de etichetele <ol> si </ol> iar elementele de <li> si </li>.
Exemplu
HTML | Afisare |
Exemple de combustibili:
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol>
|
Exemple de combustibili:
- benzina
- motorina
- 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 | Afisare |
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:
- HDD-ul
- discheta
- 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
HTML | Afisare |
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
HTML | Afisare |
<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>
|
- Monitoare
- Imprimante
|
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
|