HTML suporta liste ordonate, neordonate cat si liste de definitie.
Liste neordonate
O lista neordonata reprezinta o lista de itemi neordonati. Itemii listei sunt marcati de obicei cu un cerc mic de culoare neagra. O lista neordonata incepe cu tag-ul <ul>. Fiecare item al listei incepe cu tag-ul <li>.
Exemplu:
<ul> <li>Item 1</li> <li>Item 2</li> </ul>
Aici aveti ceea ce va afisa in browser exemplul de mai sus:
- Item 1
- Item 2
In itemii listei puteti pune absolut orice de la link-uri pana la imagini, video sau orice altceva.
Liste ordonate
O lista ordonata este tot o lista de itemi ca si cea neordonata, doar ca in cazul listelor ordonate itemii sunt marcati cu cifre. O lista ordonata incepe cu tag-ul <ol>. Ca si in cazul listelor neordonate itemii incep tot cu tag-ul <li>.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
Exemplu:
<ol> <li>Item 1</li> <li>Item 2</li> </ol>
Aici aveti ceea ce va afisa in browser exemplul de mai sus:
- Item 1
- Item 2
La fel ca si in cazul listelor neordonate si in acestea se pot afisa paragrafe, link-uri, alte liste, imagini, etc.
Liste de definitie
O lista de definitie nu este o lista de itemi. Aceasta este o lista de termeni si definitiile aferente lor. O lista de definitie incepe cu tag-ul <dl>. Fiecare termen din lista incepe cu tag-ul <dt> iar fiecare definitie din lista incepe cu tag-ul <dd>.
Exemplu:
<dl> <dt>Item 1</dt> <dd>Definitie Item 1</dd> <dt>Item 2</dt> <dd>Definitie Item 2</dd> </dl>
Aici aveti ceea ce va afisa in browser exemplul de mai sus:
- Item 1
- Definitie Item 1
- Item 2
- Definitie Item 2
In definitia unei liste de definitie (in tag-ul <dd>) puteti pune orice ca si in cazul listelor ordonate si neordonate.
Tag-uri utilizate in liste
| Tag | Descriere |
|---|---|
| <ol> | Defineste o lista ordonata |
| <ul> | Defineste o lista neordonata |
| <li> | Defineste un item al listei |
| <dl> | Defineste o lista de definitie |
| <dt> | Defineste un termen de definit |
| <dd> | Defineste o definitie |
| <dir> | Nu se mai foloseste.Utilizati <ul> |
| <menu> | Nu se mai foloseste. Utilizati <ul> |
Niciun comentariu:
Trimiteți un comentariu