Listas em HTML 5

Listas HTML

As listas permitem que os desenvolvedores web agrupem um conjunto de itens relacionados, essas listas podem ser numeradas em ordem crescente ou decrescente ou simplesmente não ordenadas, apenas listando os itens sem se preocupar qual deles é o primeiro e qual é o último.

Listas Não Ordenadas

Uma lista não ordenada em HTML começa com <ul> e termina com </ul>. Cada item da lista começa com <li>, os itens da lista serão marcados com um pequeno círculo preto do lado esquerdo, esse círculo preto é o padrão e pode ser modificado com CSS.

Listas Ordenadas

Uma lista ordenada em HTML começa com <ol> e termina com </ol>. Cada item dessa lista também utiliza-se <li>, ou seja, temos presente a TAG <li> nos dois formatos de listas, os itens aqui nesse cenário serão marcados por padrão com números, podendo ser modificado posteriormente pelas CSS's também.


Nota: Um ótimo exemplo ilustrativo dos dois formatos de listas é utilizando <ul> para listar os ingredientes de uma receita, e utilizando o <ol> para descrever o modo de preparo. Vamos ver?

BANOFFEE

Modo de Preparo:

  1. Bata apenas a bolacha no liquidificador ou triturador, em seguida despeje em outro recipiente junto a manteiga já derretida.
  2. Junte uma pitada de canela.
  3. Amasse até que fique bem misturado, em seguida coloque na forma e molde, revestindo a forma toda com a massa.
  4. Asse por 10 minutos no forno médio pré aquecido, acompanhe de acordo com o seu forno.
  5. Não há necessidade de ficar dura, apenas levemente assada.
  6. Junte a nata e o açúcar e bata na batedeira até ficar firme (ponto de chantilly).
  7. Retire do forno a massa, despeje o doce de leite, as bananas em rodelas e por último o chantilly.
  8. Salpique a canela depois de tirar da geladeira.
  9. Deixar na geladeira no mínimo 2 horas.
  10. Pode por uma meia hora no freezer e depois descer para a geladeira.