Liste HTML. Listă HTML neordonată: ul, li. Proprietatea CSS list-style-type.

Susține Lectii-Virtuale!

Liste HTML

Exemplu de listă HTML
 
Lista HTML neordonată

O listă neordonată începe cu eticheta <ul>. Fiecare element de listă începe cu tagul <li>.
Elementele din listă vor fi marcate în mod implicit cu buline (cercuri negre mici) :

Exemplu:

<ul>
   <li> Cafea </li>
   <li> Ceai </li>
   <li> Lapte </li>
</ul>

Listă HTML neordonată - Alegeți marcatorul articolului de listă

Proprietatea CSS list-style-type este utilizată pentru a defini stilul marcajului articolului de listă:
 

Valoare	Descriere
disc	Setează marcajul elementului listei la un buletin (implicit)
cerc	Setează marcajul elementului de listă într-un cerc
pătrat	Setează marcajul elementului de listă într-un pătrat
niciuna	Elementele din listă nu vor fi marcate

Exemplu - Disc:

<ul style = "list-style-type: disc;">
   <li> Cafea </li>
   <li> Ceai </li>
   <li> Lapte </li>
</ul>

Exemplu - Cerc:

<ul style = "list-style-type: circle;">
   <li> Cafea </li>
   <li> Ceai </li>
   <li> Lapte </li>
</ul>

Exemplu - Pătrat:

<ul style = "list-style-type: square;">
   <li> Cafea </li>
   <li> Ceai </li>
   <li> Lapte </li>
</ul>

Exemplu - Niciuna:

<ul style = "list-style-type: none;">
   <li> Cafea </li>
   <li> Ceai </li>
   <li> Lapte </li>
</ul>