HTML Tutorial #11 - Liste

[Vampire Andy 229]

Liste

 

HTML pune la dispoziţie trei tipuri de liste. <ol> va afişa o listă ordonată în timp ce <ul> una neordonată , iar pentru a realiza o listă de defniţii se foloseşte <dl>. Foloseşte atributele type şi start pentru a realiza lista cea mai potrivită cerinţelor tale.

 

- <ul> - unsorted list, buline

- <ol> - ordered list, numere

- <dl> - definition list, listă de definiţii.

 

 

HTML - Lista ordonată

 

Foloseşte tag-ul <ol>pentru a începe o listă ordonată . Prin punerea <li></li> (list item) între tagurile <ol> si </ol> semnalizezi browser-ului elementele listei.

 

<h4 align="center">Obiective</h4>

<ol>

<li>Să fac curat </li>

<li>Să plimb câinele </li>

<li>Să duc gunoiul</li>

</ol>

Poţi începe lista cu orice alt număr doreşti specificându-l însă cu ajutorul atributului start.

 

<h4 align="center">Obiective</h4>

<ol start="4" >

<li>Să găsesc o slujbă  </li>

<li>Să spăl vasele </li>

<li>Să spăl geamurile </li>

</ol>

Acest element nu face nimic ieşit din comun dar este destul de folositor uneori.

 

HTML - Alte tipuri de liste ordonate

 

În afară de modelul mai sus arătat mai sunt alte patru tipuri de liste ordonate. În locul cifrelor arabe poţi folosi cifre romane sau la fel de bine litere , iar în ambele cazuri pot fi folosite litere mici sau majuscule. Foloseşte atributul type pentru a modifica tipul numerotării.

 

<ol type="a">

<ol type="A">

<ol type="i">

<ol type="I">

Liste nesortate

 

Crează o listă nesortată cu ajutorul tagului <ul>. Listele nesortate deasemenea sunt de mai multe tipuri :

* Pătrate

* Buline

* Cercuri

Valoarea standard redată de majoritatea browser-elor sunt bulinele .

 

<h4 align="center">Listă de cumpărături </h4>

<ul> <li>lapte</li>

<li>brânză</li>

<li>ouă</li>

<li>zahăr</li>

</ul>

Tipuri de liste neordonate :

 

<ul type="square">

<ul type="disc">

<ul type="circle">

HTML - Lista de definiţii

 

Deasemenea poţi face liste de definiţii folosind tag-ul <dl>. Această listă redă cuvântul deasupra definiţiei. Este indicat să îngroşăm cuvântul pentru a fi mai bine evidenţiat.

 

<dl>

<dt><b>Fromage</b></dt>

<dd>Cuvânt francez pentru brânză  .</dd>

<dt><b>Voiture</b></dt>

<dd>Cuvânt francez pentru maşină</dd>

</dl>