curs webdesign
Liste în pagini web Listele sunt un mod simplu de organizare a informaţiei şi pot fi neordonate, ordonate şi de definiţii.
2. Liste neordonate Aceste liste sunt delimitate de etichetele <ul> şi </ul> iar elementele de <li> şi </li>. Exemplu HTML
Afisare
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 şi disc. Exemplu HTML Exemple de legume: <ul> <li type="square">rosii</li> <li type="circle">cartofi</li> <li type="disc">morcovi</li> </ul>
Afisare Exemple de legume: ■ rosii ○ cartofi ● morcovi
2.2 Liste ordonate Aceste liste sunt delimitate de etichetele <ol> şi </ol> iar elementele de <li> si </li>. Exemplu HTML Exemple de combustibili: <ol> <li>benzina</li> <li>motorina</li> <li>gaz lichefiat</li> </ol>
Afisare 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 HTML Medii de stocare: <ol> <li type="I">HDD-ul</li> <li type="I">discheta</li> <li type="I">CD-ROM-ul</li> </ol>
Afisare Medii de stocare: I HDD-ul II discheta III CD-ROM-ul