Como Criar Listas com HTML5

Entre os recursos mais básicos do HTML5 estão as listas, pois são usadas para organizar e estruturar informações em um documento web.

As listas em HTML5

As listas são elementos fundamentais em qualquer página web, pois ajudam a organizar o conteúdo em tópicos ou categorias.

As listas não-ordenadas são utilizadas para listar itens sem uma ordem específica, sendo representadas pelo elemento "<ul>".

Criando listas não-ordenadas

Para criar uma lista não-ordenada em HTML5, basta usar o elemento "<ul>" e seus respectivos itens "<li>".

<ul>         <li>Item 1</li>         <li>Item 2</li>         <li>Item 3</li>  </ul>

Já as listas ordenadas são utilizadas para listar itens em uma ordem específica, como por exemplo, uma lista numerada, e são representadas pelo elemento "<ol>".

Criando listas ordenadas

As listas ordenadas são criadas de maneira similar às listas não-ordenadas, porém utilizando o elemento "<ol>" em vez de "<ul>".

<ol type="I">         <li>Item 1</li>         <li>Item 2</li>         <li>Item 3</li>  </ol>

Aprenda sobre Listas em HTML5

Confira todos os tipos de listas em HTML5 em nosso artigo completo clicando logo abaixo!