HTML pune la dispozitie trei tipuri de liste.
<ol> va afisa o lista ordonata in timp ce <ul> una
neordonata, iar pentru a realiza o lista de defnitii se foloseste
<dl>. Foloseste atributele type si start pentru a realiza lista
cea mai potrivita cerintelor tale.
- <ul> - unsorted list, buline
- <ol> - ordered list, numere
- <dl> - definition list, lista de definitii.
HTML - Lista ordonata
Foloseste
tag-ul <ol>pentru a incepe o lista ordonata. Prin punerea
<li></li> (list item) intre tagurile <ol> si
</ol> semnalizezi browser-ului elementele listei.
<h4 align="center">Oviective</h4>
<ol>
<li>S gasesc o slujba </li>
<li>Sa iau bani multi </li>
<li>Sa ma mut in alt oras </li>
</ol>
Vizualizare
Oviective
1. Sa gasesc o slujba
2. Sa iau bani multi
3. Sa ma mut in alt oras
Poti incepe lista cu orice alt numar doresti specificandu-l insa cu ajutorul atributului start.
<h4 align="center">Oviective</h4>
<ol start="4" >
<li>S gasesc o slujba </li>
<li>Sa iau bani multi </li>
<li>Sa ma mut in alt oras </li>
</ol>
Vizualizare
Oviective
4. Sa gasesc o slujba
5. Sa iau bani multi
6. Sa ma mut in alt oras
Acest element nu face nimic iesit din comun dar este destul de folositor uneori.
HTML - Alte tipuri de liste ordonate
In
afara de modelul mai sus aratat mai sunt alte patru tipuri de liste
ordonate. In locul cifrelor arabe poti folosi cifre romane sau la fel de
bine litere iar in ambele cazuri pot fi folosite litere mici sau
majuscule. Foloseste atributul type pentru a modifica tipul numerotarii.
<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">
Vizualizare
Litere mici Majuscule Numere romane cu litere mici Numere romane cu majuscula
a. Un loc de munca
b. Bani
c. Alt oras
A. Un loc de munca
B. Bani
C. Alt oras
i. Un loc de munca
ii. Bani
iii. Alt oras
I. Un loc de munca
II. Bani
III. Alt oras
Liste nesortate
Creaza
o lista nesortata cu ajutorul tagului <ul>. Listele nesortate
deasemenea sunt de mai multe tipuri si anume, patratele buline si
cerculete.Valoarea standard redata de majoritatea browser-elor sunt
bulinele
<h4 align="center">lista de cumparaturi </h4>
<ul> <li>lapte</li>
<li>branza</li>
<li>oua</li>
<li>zahar</li>
</ul>
Am alaturat ceva mai jos un exemplu despre cum arata si celelalte tipuri de liste neordonate.
<ul type="square">
<ul type="disc">
<ul type="circle">
HTML - Lista de definitii
Deasemene
poti face liste de definitii folosind tag-ul <dl>. Aceasta lista
reda cuvantul deasupra definitiei. Este indicat sa ingrosam cuvantu
pentru a fi mai bine evidentiat.
<dl>
<dt><b>Fromage</b></dt>
<dd>Cuvant francez pentru branza .</dd>
<dt><b>Voiture</b></dt>
<dd>Cuvant francez pentru masina</dd>
</dl>