HTML - Liste

[kenzake powah!]

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>Sa vorbesc cu HKS 27D </li>

<li>Să fiu activ discord/teamspeak</li>

<li>Sa dorm :))</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ă devin capitan  </li>

<li>Să ma plimb </li>

<li>kenzake was here , copia nu are valoare ! FAIRSIDE ROMANIA </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>tigari</li>

<li>cafea</li>

<li>haine</li>

<li>iqos:))))</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>Bagheta cu branza topita </b></dt>

<dd>Pleonasm e m...a =))  .</dd>

<dt><b>La revedere</b></dt>

<dd>Aoleu</dd>

</dl>

 

 

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>Bagheta cu branza topita</b></dt>

<dd>Pleonasm e m...a =))  .</dd>

<dt><b>Aoleu</b></dt>

<dd>Ahh</dd>

</dl>