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: mere pere struguri

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: rosii cartofi morcovi

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 CRT LCD Imprimante cu jet de cerneala laser

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

10 Sep 2010 2:27 AM