Listas

É possível criar listas em HTML. Para isso, utilizam-se as tags <ul> para listas não ordenadas e a tag <ol> para listas ordenadas.

Listas não ordenadas

Essas listas têm este nome, porque os elementos são apresentados sem numeração. Em vez disso, um marcador é exibido para cada elemento da lista. Para criar uma lista não ordenada, utilize a tag <ul> para iniciar a lista e as tags <li> para cada elemento. Veja no exemplo:

<ul>
  <li>Café</li>
  <li>Chá</li>
  <li>Leite</li>
</ul>

Listas ordenadas

As listas ordenadas possuem a mesma estrutura das não ordenadas. A única diferença é o uso da tag <ol> em vez da tag <ul> do exemplo anterior. Veja o exemplo:

<ol>
  <li>Café</li>
  <li>Chá</li>
  <li>Leite</li>
</ol>

Nas listas numéricas, é possível controlar como ocorrerá a numeração (letras, números, romanos etc), através do atributo "type". Veja um exemplo e em seguida um quadro com as opções para esse atributo:

<ol type="A">
  <li>Café</li>
  <li>Chá</li>
  <li>Leite</li>
</ol>