Descriere:HTML pune la dispozitie trei tipuri de liste.
Download:
Autor:
Sursa (Link-ul oficial): Propria parere:Nu l-am incercat.
Tutorialul:
<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.
Cod: Selectaţi tot
<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>Cod: Selectaţi tot
Oviective
1. Sa gasesc o slujba
2. Sa iau bani multi
3. Sa ma mut in alt orasCod: Selectaţi tot
<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>Cod: Selectaţi tot
Oviective
4. Sa gasesc o slujba
5. Sa iau bani multi
6. Sa ma mut in alt orasHTML - 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.
Cod: Selectaţi tot
<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">Cod: Selectaţi tot
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 orasCreaza 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
Cod: Selectaţi tot
<h4 align="center">lista de cumparaturi </h4>
<ul> <li>lapte</li>
<li>branza</li>
<li>oua</li>
<li>zahar</li>
</ul>Cod: Selectaţi tot
<ul type="square">
<ul type="disc">
<ul type="circle">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.
Cod: Selectaţi tot
<dl>
<dt><b>Fromage</b></dt>
<dd>Cuvant francez pentru branza .</dd>
<dt><b>Voiture</b></dt>
<dd>Cuvant francez pentru masina</dd>
</dl>