Listas HTML

HTML

Audio(Áudio)

Listas HTML

Segundo item da lista

Terceiro item da lista
Exemplos online

Lista desordenada
Este exemplo demonstra a lista desordenada.

Lista ordenada

Este exemplo demonstra a lista ordenada.

Lista desordenada HTML

<ul>
Da mesma forma, a lista ordenada também é uma coluna de itens, onde os itens da lista são marcados por números. A lista ordenada começa com a etiqueta <ol>. Cada item da lista começa com a etiqueta <li>.1As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</Os itens da lista são marcados por números.
Da mesma forma, a lista ordenada também é uma coluna de itens, onde os itens da lista são marcados por números. A lista ordenada começa com a etiqueta <ol>. Cada item da lista começa com a etiqueta <li>.2As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</Os itens da lista são marcados por números.
As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</A lista desordenada é uma lista de itens, onde os itens da lista são marcados por pontos grossos (pontos pretos típicos).

Teste e veja ‹

• <ol>1

• <ol>2

A lista desordenada usa a etiqueta <ul>

<ul>

Lista ordenada HTML

<ol>
Da mesma forma, a lista ordenada também é uma coluna de itens, onde os itens da lista são marcados por números. A lista ordenada começa com a etiqueta <ol>. Cada item da lista começa com a etiqueta <li>.1As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</Os itens da lista são marcados por números.
Da mesma forma, a lista ordenada também é uma coluna de itens, onde os itens da lista são marcados por números. A lista ordenada começa com a etiqueta <ol>. Cada item da lista começa com a etiqueta <li>.2As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</Os itens da lista são marcados por números.
As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</<li>Item da lista

<li>

1. <ol>1

2. <ol>2

O navegador exibe o seguinte:

Item da lista

Lista personalizada HTML

<dl>
Uma lista personalizada começa com a etiqueta <dl>. Cada item da lista personalizada começa com <dt>. Cada definição do item da lista personalizada começa com <dd>./A primavera chegou, a primavera está cheia de vitalidade em todos os lados.<
<dd>-　Exemplo/dt>
<dt>Primavera</A primavera chegou, a primavera está cheia de vitalidade em todos os lados.<
<dd>-　<dt>Outono</dt>
As folhas das árvores amarelecem no outono, a estação do outono é a de colheita</dd>

Teste e veja ‹

• ›

• - O navegador exibe o seguinte:

• Primavera

• - A primavera chegou, a primavera está cheia de vitalidade em todos os lados.

Outono - As folhas das árvores amarelecem no outono, a estação do outono é a de colheita.

Cuidados

Dicas úteis

Dica: Itens de lista podem conter parágrafos, quebras de linha, imagens, links e outras listas, etc.
Mais exemplos

Listas ordenadas de diferentes tipos
Listas desordenadas de diferentes tipos

Listas aninhadas
Este exemplo demonstra como aninhar listas.

Listas aninhadas 2
Este exemplo demonstra listas aninhadas mais complexas.

Lista personalizada
Este exemplo demonstra uma lista definida.

Etiquetas de lista HTML