UNORDERED LISTS

Listas de itens cuja a ordem não é importante.

<ul>
  <li>Orange</li>
  <li>Green</li>
  <li>Blue</li>
</ul>

ORDERED LISTS

Listas cuja ordem é relevante.

<ol>
  <li>Head north on N Halsted St</li>
  <li>Turn right on W Diversey Pkwy</li>
  <li>Turn left on N Orchard St</li>
</ol>

Listas ordenadas possuim atributos únicos: start e reversed

• Start attribute

O atributo start define de qual valor a lista ordenada irá começar.

Aceita apenas valores inteiros.

<ol start="30">
  <li>Head north on N Halsted St</li>
  <li>Turn right on W Diversey Pkwy</li>
  <li>Turn left on N Orchard St</li>
</ol>

• Reversed attribute

Permite a lista aparecer em uma ordem reversa.

<ol reversed>
  <li>Head north on N Halsted St</li>
  <li>Turn right on W Diversey Pkwy</li>
  <li>Turn left on N Orchard St</li>
</ol>

• Value attribute

Pode ser utilizado em um específico elemento <li> em uma lista ordenada para determinar o valor dentro desta lista. Será recalculado o valor dos próximos elementos.

<ol>
  <li>Head north on N Halsted St</li>
  <li value="9">Turn right on W Diversey Pkwy</li>
  <li>Turn left on N Orchard St</li>
</ol>

DESCRIPTION LISTS

Outro tipo de listas existente em HTML são as chamadas description lists.