Lista nieuporządkowana

HTML Lista Nieuporządkowana to lista, która składa się z elementów nieuporządkowanych, czyli bez określonej kolejności. Elementy te zazwyczaj wyświetlane są w postaci wypunktowania.

Do utworzenia listy nieuporządkowanej w HTML używa się znacznika <ul> oraz dla każdego elementu listy, znacznika <li> .

								
<ul>

  <li>Pierwszy element</li>
  <li>Drugi element</li>
  <li>Trzeci element</li>

</ul>

list-style-type pozwala na określenie rodzaju punktu przed każdym elementem nieuporządkowanej listy HTML. Wyróżniamy disc circle square none

								
<ul style="list-style-type:disc;">
  <li>mleko <img src="milk.png"></li>
  <li>miód <img src="honey.png"></li>
</ul>


<ul style="list-style-type:circle;">
  <li>kawa <img src="coffee.png"></li>
  <li>herbata <img src="tea.png"></li>
</ul>


<ul style="list-style-type:square;">
  <li>Lays <img src="chips.png"></li>
  <li>piwo <img src="beer.png"></li>
</ul>


<ul style="list-style-type:none;">
  <li>wódka <img src="vodka.png"></li>
  <li>pepsi <img src="pepsi.png"></li>
</ul>