 Criação e Utilização de Listas em HTML
Criaçã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
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
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
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 (___)?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 3.13 Criação e Utilização de Listas em HTML
Criaçã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
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
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
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 (___)?
Obrigado pelo seu feedback!