Criando e Utilizando 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.

index.html

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 utilizando a tag <li> (item de lista). Listas ordenadas são utilizadas quando a ordem dos itens é importante e precisa ser destacada.

index.html

A lista é ordenada (<ol>), exibindo 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. Esse recurso é útil para organizar informações complexas em vários níveis de hierarquia.

index.html

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.

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

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

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

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

Select the correct answer

<ol>

<ul>

<li>

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

Select the correct answer

Quando a ordem dos itens é importante.

Ao organizar informações complexas em vários níveis de hierarquia.

Ao enfatizar a importância dos itens.

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

Select the correct answer

ol

li

p

h2

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 9

Pergunte à IA

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

Awesome!

Completion rate improved to 2.86

Criando e Utilizando 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

index.html

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

Listas ordenadas

index.html

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

Listas aninhadas

index.html

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.

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

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

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

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

Select the correct answer

<ol>

<ul>

<li>

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

Select the correct answer

Quando a ordem dos itens é importante.

Ao organizar informações complexas em vários níveis de hierarquia.

Ao enfatizar a importância dos itens.

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

Select the correct answer

ol

li

p

h2

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 9