Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Criação e Utilização de Listas em HTML | Fundamentos do HTML
Fundamentos de HTML

bookCriação e Utilização de Listas em HTML

Listas são usadas para organizar e apresentar informações em um formato estruturado. Existem dois tipos principais de listas: listas não ordenadas (<ul>) e listas ordenadas (<ol>).

Listas não ordenadas

Listas não ordenadas apresentam itens em formato de marcadores. Cada item da lista é definido usando a tag <li> (item de lista). Listas não ordenadas são normalmente utilizadas quando a ordem dos itens não é significativa.
Exemplo:

index.html

index.html

copy

No exemplo acima:

A lista não ordenada (<ul>) exibe itens com marcadores.

Listas ordenadas

Listas ordenadas exibem itens em uma sequência numerada. Cada item da lista é definido usando a tag <li> (item da lista). Listas ordenadas são utilizadas quando a ordem dos itens é importante e precisa ser destacada.
Exemplo:

index.html

index.html

copy

No exemplo acima:

A lista é ordenada (<ol>), exibindo os itens com números.

Listas aninhadas

Listas também podem ser aninhadas umas dentro das outras para criar estruturas hierárquicas. Isso significa que um item de lista (<li>) dentro de uma lista (<ul> ou <ol>) pode conter outra lista. Isso é útil para organizar informações complexas em vários níveis de hierarquia.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • O segundo item da lista ("Main item 2") contém uma lista não ordenada aninhada (<ul>), criando uma estrutura hierárquica;
  • Cada lista aninhada (<ul>) é indentada para indicar visualmente seu nível hierárquico.

Tutorial em Vídeo

1. Qual tag é usada para criar listas não ordenadas?

2. Quando você deve usar uma lista ordenada em vez de uma lista não ordenada?

3. Qual tag está faltando nos espaços em branco (___)?

question mark

Qual tag é usada para criar listas não ordenadas?

Select the correct answer

question mark

Quando você deve usar uma lista ordenada em vez de uma lista não ordenada?

Select the correct answer

question mark

Qual tag está faltando nos espaços em branco (___)?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.13

bookCriação e Utilização de Listas em HTML

Deslize para mostrar o menu

Listas são usadas para organizar e apresentar informações em um formato estruturado. Existem dois tipos principais de listas: listas não ordenadas (<ul>) e listas ordenadas (<ol>).

Listas não ordenadas

Listas não ordenadas apresentam itens em formato de marcadores. Cada item da lista é definido usando a tag <li> (item de lista). Listas não ordenadas são normalmente utilizadas quando a ordem dos itens não é significativa.
Exemplo:

index.html

index.html

copy

No exemplo acima:

A lista não ordenada (<ul>) exibe itens com marcadores.

Listas ordenadas

Listas ordenadas exibem itens em uma sequência numerada. Cada item da lista é definido usando a tag <li> (item da lista). Listas ordenadas são utilizadas quando a ordem dos itens é importante e precisa ser destacada.
Exemplo:

index.html

index.html

copy

No exemplo acima:

A lista é ordenada (<ol>), exibindo os itens com números.

Listas aninhadas

Listas também podem ser aninhadas umas dentro das outras para criar estruturas hierárquicas. Isso significa que um item de lista (<li>) dentro de uma lista (<ul> ou <ol>) pode conter outra lista. Isso é útil para organizar informações complexas em vários níveis de hierarquia.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • O segundo item da lista ("Main item 2") contém uma lista não ordenada aninhada (<ul>), criando uma estrutura hierárquica;
  • Cada lista aninhada (<ul>) é indentada para indicar visualmente seu nível hierárquico.

Tutorial em Vídeo

1. Qual tag é usada para criar listas não ordenadas?

2. Quando você deve usar uma lista ordenada em vez de uma lista não ordenada?

3. Qual tag está faltando nos espaços em branco (___)?

question mark

Qual tag é usada para criar listas não ordenadas?

Select the correct answer

question mark

Quando você deve usar uma lista ordenada em vez de uma lista não ordenada?

Select the correct answer

question mark

Qual tag está faltando nos espaços em branco (___)?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 7
some-alt