Tutorial HTML
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:
|
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:
|
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:
|
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> |
|
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
25 Apr 2024 9:01 PM